我正在绞尽脑汁,但似乎无法弄清楚下面的 gulpfile 有什么问题,它只是监视和编译 less 文件。
这根本不会少看变化,我已经尝试了所有gulp
, gulp watch
。每次更改后我都必须手动运行 gulp 来编译它们。是否有什么问题导致手表无法按预期工作?
吞咽版CLI 版本 1.4.0
本地版本3.9.1
NPM 4.1.2
节点 v7.7.2
var gulp = require('gulp');
var less = require('gulp-less');
// gulp compile paths
var paths = {
dist: 'assets/dist'
};
gulp.task('css', function() {
return gulp.src('assets/less/styles.less')
.pipe(less({
compress: true
}))
.pipe(gulp.dest(paths.dist))
});
gulp.task('watch', function() {
gulp.watch('assets/less/*.less', ['css']); // Watch all the .less files, then run the less task
});
gulp.task('default', ['watch']);
确保您有 .less 文件的正确路径,还需要添加 Bowersync.reload 才能正常工作。
gulp.task('watch', function () {
gulp.watch('assets/less/*.less', ['css']);
// init server
browserSync.init({
server: {
proxy: "local.build",
baseDir: appPath.root
}
});
gulp.watch([appPath.root + '**'], browserSync.reload);
});
gulp.task('default', ['watch']);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)