【问题标题】:How can I speed up gulp?我怎样才能加快吞咽?
【发布时间】:2017-06-11 04:15:49
【问题描述】:

在普通 Laravel Spark 安装中,运行 gulp 大约需要 20 秒。这是我的日志:

[15:05:48] 开始“全部”...

[15:05:48] 开始“少”...

[15:05:53] 4.74 秒后完成“少”

[15:05:53] 开始'webpack'...

[15:05:58]

[15:05:58] 5.28 秒后完成“webpack”

[15:05:58] 开始“复制”...

[15:05:59] 486 毫秒后完成“复制”

[15:05:59] 开始“复制”...

[15:05:59] 17 毫秒后完成“复制”

[15:05:59] 开始“少”...

[15:05:59] 159 毫秒后完成“更少”

[15:05:59] 开始“版本”...

[15:05:59] 517 毫秒后完成“版本”

[15:05:59] 11 秒后“全部”完成

[15:05:59] 开始“默认”...

我的 gulp 文件:

var elixir = require('laravel-elixir');
var path = require('path');

require('laravel-elixir-vue-2');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function (mix) {
    mix.less('app.less')
        .webpack('app.js', null, null, {
            resolve: {
                modules: [
                    path.resolve(__dirname, 'vendor/laravel/spark/resources/assets/js'),
                    'node_modules'
                ]
            }
        })
        .copy('node_modules/sweetalert/dist/sweetalert.min.js', 'public/js/sweetalert.min.js')
        .copy('node_modules/sweetalert/dist/sweetalert.css', 'public/css/sweetalert.css');

    mix.less('/brand/brand.less');
    
    mix.version(['css/brand.css', 'css/app.css', 'js/app.js']);

我在运行代客的 Mac Mini 上使用最新版本的 gulp 和 gulp CLI。我该怎么做才能使这个运行更快? 20 秒似乎太长了。

【问题讨论】:

  • 也许包括你的 gulpfile.js
  • 已添加。对于投票结束的人,这是 Gulp 的官方文档要求提出支持问题的地方。有没有更合适的stackexchange?
  • 我没有投反对票,我也不知道人们为什么投反对票。
  • @KevinB 我没有暗示它确实如此,我问是否有更合适的 stackexchange。设置很简单,所以我也不确定 codereview 是否合适。

标签: javascript laravel gulp laravel-spark


【解决方案1】:

您可以尝试的一件事是停用源映射生成:

elixir.config.sourcemaps = false;

其次,您可以在开发模式下停用版本控制,您的应用应该可以正常工作而无需任何更改:

if (elixir.config.production) {
  mix.version(['css/brand.css', 'css/app.css', 'js/app.js']);
}

【讨论】:

    猜你喜欢
    • 2019-07-13
    • 1970-01-01
    • 2021-11-21
    • 2014-08-13
    • 2021-08-01
    • 2020-01-03
    • 1970-01-01
    • 2021-08-31
    • 1970-01-01
    相关资源
    最近更新 更多