我有我的Gulpfile来编译我的sass,我只是一个“从转储代码包中重新加载”.我正在努力让这种风格的注射工作.我试图设置它：
https://github.com/vohof/gulp-livereload
当我在终端中运行gulp时,它似乎编译了sass,但它没有注入样式.我究竟做错了什么？我在chrome中安装了livereload extention以下节点模块：
"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 /