Gulp任务创建页面特定的js文件，将常见的js文件与页面特定的文件连接起来

Question

假设有一个目录结构

• SRC / 脚本/ _共同/ common.js page1.js page2.js

我想创建连接公共+ page1的不同文件和公共+ page2的单独文件。

输出看起来像

• DIST / 第1页/ 的script.js 第2页/ 的script.js

其中script.js是每个页面的特定js连接到common。

我有一些工作在sass端创建文件夹所以我真正需要做的就是弄清楚如何获取页面特定文件并将它们放在一个以原始源文件命名的文件夹中

return gulp.src(paths.styles.src)
    .pipe(sass().on('error', sass.logError))
    .pipe(postcss(processors))
     .pipe(rename(function(file) {
        file.dirname = file.basename;
        file.basename = 'style';
        file.extname = '.css';
    }))
    .pipe(gulp.dest(paths.styles.dest));

Answer 1

试试这个js：

const gulp = require("gulp");
const glob = require("glob");
const addSource = require("gulp-add-src");
const concat = require("gulp-concat");
const path = require("path");

// get an array of files
const files = glob.sync("./src/scripts/*.js");

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

  files.forEach(function (file) {

    return gulp.src(file)

          // append or prepend here (prepend to put common.js first)
      .pipe(addSource.prepend('./src/scripts/_common/common.js'))

      .pipe(concat("script.js"))

      .pipe(gulp.dest("dist/" +  path.basename(file, '.js')));
  });
});