Question

我一直在寻找好几天没有多少运气。我通过NPM安装了Laravel安装语义UI。我在项目的根目录中修改了我的gulpfile.js以导入构建并监视semantic-ui的任务：

if(i < lowest)

这样可行，但过程非常缓慢：

var elixir = require('laravel-elixir');
var gulp = require('gulp');
var watch = require('./resources/assets/semantic/tasks/watch');
var build = require('./resources/assets/semantic/tasks/build');


// import task with a custom task name
gulp.task('watch-ui', 'Watch UI for Semantic UI', watch);
gulp.task('build-ui', 'Build UI for Semantic UI', build);

elixir(function(mix) {
    //mix.less('app.less');
    mix.browserify('main.js');

    // Start New
     mix
         .copy('resources/assets/semantic/dist/semantic.js', 'public/js/semantic.js')
         .copy('resources/assets/semantic/dist/semantic.css', 'public/css/semantic.css')
     ;
    // End New
});

有关加快此过程的建议吗？

这是我的semantic.json，如果需要的话：

[17:51:30] Starting 'package compressed css'...
[17:51:56] Created: resources/assets/semantic/dist/semantic.min.css
[17:51:56] Finished 'package compressed css' after 25 s
[17:51:56] Created: resources/assets/semantic/dist/semantic.css
[17:51:56] Finished 'package uncompressed css' after 26 s
[17:51:56] Finished 'build-css' after 3.45 min

Answer 1

您可以复制/resources/assets/semantic/tasks/watch.js到/resources/assets/semantic/tasks/watch-dev.js并删除与压缩css相关的所有代码，只留下未压缩的任务。然后你更新你的elixir / gulp文件：

var watchSemantic = require('./resources/assets/semantic/tasks/watch-dev');
require('./resources/assets/semantic/tasks/build');
elixir.extend('watchSemantic',watchSemantic);

elixir(function(mix) {

    mix.watchSemantic();

    /* ... */
});

如果您需要缩小文件，进行生产，请执行反向操作，保留压缩代码并删除未压缩文件。

这使得我的语义构建和观看速度提高了近50％，而且，我加载任务的方式也适用于Elixir gulp watch，因此在构建semantic.css之后，其他Elixir任务重装。

关于3:45分钟的构建时间，似乎不是Elixir的问题，甚至是吞咽，它似乎与硬件有关。您可以通过构建一个全新的 semantic-ui 独立安装来测试它，它不应该花费超过20秒。作为参考，我的建立在4s。

用于语义的gulp构建非常慢

1 个答案: