0

すべてのページで個別に gulp を実行する方法を試みています。すべてのページには gulp ファイルがあり、 $ gulp --file=name でのみページを gulp できます。

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 ディレクトリには、サイトのすべてのページに gulpfile 拡張子があります。home.js、about.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));
    });

});

私の問題は、1 ページを飲み込むたびに public/build/rev-manifest.js が上書きされることです。

$ gulp --file=home の後の rev-manifest.js

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

$ gulp --file=about 後の rev-manifest.js

{
  "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"
}
4

1 に答える 1

0

解決策を見つけました-メインの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');
}
于 2016-11-23T09:09:20.820 に答える