什么是正确的方式来使用gulp-watch插件?
...
var watch = require('gulp-watch');
function styles() {
return gulp.src('app/styles/*.less')
.pipe(watch('app/styles/*.less'))
.pipe(concat('main.css'))
.pipe(less())
.pipe(gulp.dest('build'));
}
gulp.task('styles', styles);
运行gulp styles
时没有看到任何结果。
3条答案
按热度按时间doinxwow1#
1.在你的shell(如苹果或Linux的终端或iTerm)中导航到你的gulpfile.js所在的文件夹。* 例如,如果你使用WordPress主题,你的gulpfile.js应该在你的主题的根目录中。
1.然后键入
gulp watch
并按回车键。如果您的
gulpfile.js
配置正确(参见下面的示例),您将看到如下输出:每次保存文件时,您都会立即在此处看到新的输出。
以下是函数
gulpfile.js
的示例:***注意:***在任何您看到
source/whatever/
的地方,您都需要创建或更新此路径,以反映您为相应文件使用的路径。hwamh0ep2#
ecfdbz9o3#
命名你的任务,就像我有我的'脚本'任务命名,这样你就可以添加它到系列。你可以添加一个任务数组到系列,他们将开始在他们列出的顺序。* 对于那些来自以前的版本,请注意返回的gulp. src。*
这是工作代码,我希望它能帮助潜伏者。
然后**(for version 4+)**您需要执行以下操作:
**请注意gulp.watch(“./src/js/*. js”,gulp.系列([“脚本”],[“任务2”],[“等”]))