gulp watch项目不工作。。。
我设置了简单的gulp工作流,但当我更改scss文件时,它不会查看此文件 我的目录是这样的gulp watch项目不工作。。。,gulp,workflow,gulp-watch,gulp-sass,Gulp,Workflow,Gulp Watch,Gulp Sass,我设置了简单的gulp工作流,但当我更改scss文件时,它不会查看此文件 我的目录是这样的 project |-css |-js |-index.html sass |-sass file here gulpfile.js 看看代码 gulp.task('sass',function(){ gulp.src('./sass/**/*.scss') .pipe(sourcemaps.init()) .pipe(sass({ output
project
|-css
|-js
|-index.html
sass
|-sass file here
gulpfile.js
看看代码
gulp.task('sass',function(){
gulp.src('./sass/**/*.scss')
.pipe(sourcemaps.init())
.pipe(sass({
outputStyle: 'expanded'
}))
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('./project/css/'));
});
gulp.task('watch',function(){
watch('./sass/**/*',['sass']);
});
gulp.task('server',function(){
gulp.src('./project')
.pipe(server({
livereload: true,
port: 3000,
open: true
}));
})
gulp.task('default',['server','watch','sass']);
这篇文章中的问题是什么,我现在如何解决这个问题?正如我们在您的目录结构中看到的那样,sass文件位于sass/*.scss中,您可以编写“/sass/**.scss” 这可能是个问题
gulp.task('sass',function(){
gulp.src('./sass/*.scss')
.pipe(sourcemaps.init())
.pipe(sass({
outputStyle: 'expanded'
}))
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('./project/css/'));
});
gulp.task('watch',function(){
watch('./sass/*.scss',['sass']);
});
将return语句添加到“sass”任务中
return gulp.src(stuff here)
你用的是大口利弗雷罗德吗?我建议在下面的示例中使用它们
[gulp-livereload][1]
如果您需要帮助,请告知我们。
我不认为他们对@Dipak的答案中所建议的地球仪模式有任何错误