Gulp将文件及其内容的目录转换为JavaScript文件

Question

我希望能够设置我的Gulp构建系统来执行以下操作：扫描文件目录并将每个文件的内容存储为JavaScript对象中的值。

例如，如果我有以下目录结构：

templates/
  a.html
  b.html
  c/
    x.html

将生成以下JavaScript：

templates["a.html"] = "<Contents of templates/a.html>";
templates["b.html"] = "<Contents of templates/a.html>";
templates["c/x.html"] = "<Contents of templates/c/x.html>";

有没有人知道会这样做的Gulp插件？

Answer 1

这可能会对您有所帮助：gulp-concat-util。

用法：

var concat = require('gulp-concat-util');

gulp.task('concat:dist', function() {
  gulp.src('scripts/{,*/}*.js')
    .pipe(concat('combined.js')
    .pipe(concat.header('templates["<%= file.path %>"] ='))
    .pipe(concat.footer(';\n'))
    .pipe(gulp.dest('dist'));
});