我有我Gulpfile
的编译我的sass
,只是" live-reload
远离倾销codekit
".我正在努力让这种风格的注射工作.我试图设置它:https://github.com/vohof/gulp-livereload
当我在终端中运行gulp时,它似乎编译了sass,但它没有注入样式.我究竟做错了什么?我在chrome +以下节点模块中安装了livereload扩展:
"devDependencies": { "gulp": "~3.5.0", "gulp-sass": "~0.6.0" }, "dependencies": { "gulp-livereload": "~0.2.0", "tiny-lr": "0.0.5" }
我的gulpfile看起来像这样:
var gulp = require('gulp'); //plugins var sass = require('gulp-sass'), lr = require('tiny-lr'), livereload = require('gulp-livereload'), server = lr(); gulp.task('sass', function () { gulp.src('./scss/*.scss') .pipe(sass()) .pipe(gulp.dest('./')) .pipe(livereload(server)); }); // Rerun tasks when a file changes gulp.task('watch', function () { server.listen(35729, function (err) { if (err) return console.log(err); gulp.watch('scss/**/*.scss', ['sass']); }); }); // The default task (called when you run 'gulp' from cli) // "sass" compiles the sass to css // "watch" looks for filechanges, and runs tasks accordingly gulp.task('default', ['sass', 'watch']);
任何帮助深表感谢.谢谢!
你在运行localhost吗?从Chrome中的插件进入设置并检查文件网址的选项:chrome:// extensions /