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

Question

假设目录结构如下

• 来源/
  • 脚本/
    • _常见/
      • 常见.js
    • 页1.js
    • 页2.js

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

输出看起来像

• 区/
  • 页1/
    • 脚本.js
  • 页2/
    • 脚本.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')));
});
});