Elixir Gulp版本 - 允许Rev -Manifest.js合并而不是OveWrites

Question

我正在尝试分别运行每页吞噬的方法。每个页面都有其杂货文件，您只能使用$ Gulp -file = name仅使用页面这些毛file位于/吞噬以下，因此我的主要gulpfile.js具有以下内容：

require('./gulp/elixir-extensions');
var args = require("yargs");
var file = args.argv.file;
if(file){
    var path = './gulp/'+file;
    require('./gulp/'+file);
}
else{
    console.log('Pass the file: gulp --file:name');
}

因此，在我的/gulp目录中，我的网站上的每个页面都有毛的扩展。home.js，大约js，contact.js，login.js等。

通常 - home.js

var elixir = require('laravel-elixir');
elixir(function(mix) {
    mix
    /**
    * Combine home scripts
    */
    .scripts(...)
    /**
    * Combine home CSS files
    */
    .styles(...)
    /**
    * Remove unused css selectors
    */
    .uncss(...)
    /**
    * Remove redundant/repeated css declarations
    */
    .purge(...)
    /**
    * Apply version control
    */
    .version([
        "public/css/home.css",
        "public/js/home.js",
    ]);
});

和我的Gulp/Elixir-Extensions.js：

const gulp = require('gulp');
const Elixir = require('laravel-elixir');
const Task = Elixir.Task;
const uncss = require('gulp-uncss');
const purge = require('gulp-css-purge');
const rename = require('gulp-rename');
Elixir.extend('uncss', function(file, link, out, renamed) {
    new Task('uncss', function() {
        return gulp.src(file)
        .pipe(uncss({
            html: [link]
        }))
        .pipe(rename(renamed))
        .pipe(gulp.dest(out));
    });
});
Elixir.extend('purge', function(css, out, renamed) {
    new Task('purge', function() {
        return gulp.src(css)
        .pipe(purge())
        .pipe(rename(renamed))
        .pipe(gulp.dest(out));
    });
});

我的问题是，每次我大量的一页都会出现public/build/rev-manifest.js。

rev-manifest.js $ gulp -file = home

{
  "css/home.css": "css/home-0a3d3926fc.css",
  "js/home.js": "js/home-6df29810e8.js"
}

rev-manifest.js $ gulp -file =大约

{
  "css/about.css": "css/about-fc0a5d3926.css",
  "js/about.js": "js/about-f0921ds0e8.js"
}

如何像以下内容合并每个修订版？

{
  "css/home.css": "css/home-0a3d3926fc.css",
  "js/home.js": "js/home-6df29810e8.js",
  "css/about.css": "css/about-fc0a5d3926.css",
  "js/about.js": "js/about-f0921ds0e8.js"
}

Answer 1

弄清楚了一个解决方案 - 在主gulpfile.js中进行所有版本化。这样，每个页面每次都只会获得其资产版本（但不编译）。

require('./gulp/elixir-extensions');
var elixir = require('laravel-elixir');
var args = require("yargs");
var file = args.argv.file;
if(file){
    var filepath = './gulp/'+file;
    require('./gulp/'+file);
    elixir(function(mix) {
        mix
        /**
        * Apply version control to all assets
        */
        .version([
            "public/css/auth.css",
            "public/css/backend.css",
            "public/js/backend.js",
            "public/css/home.css",
            "public/js/home.js",
            "public/css/about.css",
            "public/js/about.js",
        ])
        // .phpUnit()
        // .compressHtml()
    });
}
else{
    console.log('Pass the file: gulp --file:name');
}