Question

如何调试gulpfile.js文件

Answer 1

gulpfile.js 是用gulp命令来运行的，默认加载这个文件，gulp有一个参数--gulpfile，可以指定gulpfile.file文件的路径，然后node your_node_modules_path/.bin/gulp.js --gulpfile your_gulpfile.js 来运行。再加上node本身的debug参数就可以debug了。

如果webstorm来开发的话，debug就更简单了，直接在webstorm就可以debug了。

具体调试步骤：

1. 安装 node-inspector

npm install -g node-inspector

2.使用node debug

node-debug $(which gulp) myTask

3.根据提示信息，访问 chrome 就行

如果需要暂停gulp程序，需要在 gulpfile.js中加入 debugger

gulp.task('myTask', function() {

debugger;

gulp

.src('myPath/files/**/*')

.pipe(someAction())

.pipe(gulp.dest('newPath/files'));

});

Answer 2

npm install -g node-inspector

node-debug --gulpfile ./gulpfile.js gulp

这些可以启动node-inspector 来实现在gulpfile.js 里面添加断点的功能。

这样可以来看每一步执行的效果，并且可以看到每一步变量的值， 然后再根据具体情况去做更改。

Answer 3

gulp-cheerio差=插件可以gulp.task('indexHtml',function(){returngulp.src('index.html').pipe(cheerio(function($){$('script').remove();$('link').remove();$('body').append('');$('head').append('');})).pipe(gulp.dest('dist/'));});

Answer 4

代码如下：
gulp-cheerio差=插件可以gulp.task('indexHtml',function(){returngulp.src('index.html').pipe(cheerio(function($){$('script').remove();$('link').remove();$('body').append('');$('head').append('');})).pipe(gulp.dest('dist/'));});