javascript - 在源文件上运行 gulp 模块

Question

我对 gulp 有点陌生，我一直在尝试美化我的 js 源文件。我有这个任务(运行 100%)，它使用 'gulp-beautify' 来美化 js 文件:

gulp.task('js', function() {
    return gulp.src('src/js/**/*.js')
        .pipe(beautify({indent_size: 4}));
});

而且它不起作用。文件保持不变。 但是，如果我这样做:

gulp.task('js', function() {
    return gulp.src('src/js/**/*.js')
        .pipe(beautify({indent_size: 4}))
        .pipe(gulp.dest('./foo/'));
});

输出的文件经过美化。知道为什么会发生这种情况吗？

提前致谢!

Answer 1

第一个任务是美化内存中的流，但它们不会自动保存在磁盘上。您必须显式地将文件输出到某个位置来保存美化的文件，就像在第二个任务中一样。

如果您想用美化版本覆盖文件，可以使用gulp.dest在读取文件的同一位置输出文件。

gulp.task('beautify', function() {
  return gulp.src('src/js/**/*.js', { 
      base: "./" // specify the base option
    })
    .pipe(beautify({ indent_size: 4 }))
    .pipe(gulp.dest('./'));
}); 

Modify file in place (same dest) using Gulp.js and a globbing pattern