Javascript 使用gulp更改文件时无法重建文件
我用Gulp跑angularjs。Javascript 使用gulp更改文件时无法重建文件,javascript,angularjs,gulp,gulp-watch,Javascript,Angularjs,Gulp,Gulp Watch,我用Gulp跑angularjs。 我注册“sass”任务来编译.scss文件 var paths = { app: 'app', dist: 'dist', component: 'app/bower_components' }; gulp.task('sass', function() { return gulp .src(paths.app + '/css/**/*.scss') .pipe(sass()) .pipe(
我注册“sass”任务来编译
.scss
文件
var paths = {
app: 'app',
dist: 'dist',
component: 'app/bower_components'
};
gulp.task('sass', function() {
return gulp
.src(paths.app + '/css/**/*.scss')
.pipe(sass())
.pipe(minifyCss())
.pipe(concat('main.css'))
.pipe(gulp.dest(paths.dist + '/css'));
});
当.scss
文件更改时,我使用gulp.watch
重新构建.css
文件
gulp.task('watch:sass', function() {
gulp.watch(paths.app + '/css/**/*.scss', ['sass']);
});
运行任务
gulp.task('run', function() {
gulp.run(
'build',
'express',
'watch:sass'
);
});
但是当我更改.scss
文件时,.css
文件没有重新生成?请帮帮我。谢谢。在您的
sass
任务中,您要追加的路径部分有一个前导斜杠(/css/**/…
),而在监视:sass
任务(css/**/…
)中没有。这可能是问题所在吗?谢谢@robertklep,但这不是问题所在。我编辑了它。你能显示你的目录结构吗?嗨@RodyvanSambeek,我添加了图像。还有路径的变量声明?您还可以显示这些吗?在您的sass
任务中,您附加的路径部分有一个前导斜杠(/css/**/…
),而在watch:sass
任务(css/**/…
)中没有。这可能是问题所在吗?谢谢@robertklep,但这不是问题所在。我编辑了它。你能显示你的目录结构吗?嗨@RodyvanSambeek,我添加了图像。还有路径的变量声明?你能给我看看这些吗?