Question

附件是我的gulpfile.js

elixir(function(mix) {                                                    
    // Compiling SASS to this file                                        
    mix.sass('app.scss');                                                 

    // Merge these files to one.                                          
    mix.styles([                                                          
        'vendor/bootstrap.css',                                           
        'app.css'                                                         
    ], null, 'public/css')                                                
});

以下是我的.scss文件。所有这些都不到100行代码。

我启动了一个在我的Homestead VM上运行gulp的计时器，合并文件需要20秒。

这些是控制台输出：

vagrant@homestead:~/Code/laravel    $ gulp
[01:43:04] Using gulpfile ~/Code/laravel/gulpfile.js
[01:43:04] Starting 'default'...
[01:43:04] Starting 'sass'...
[01:43:04] Running Sass: resources/assets/sass/app.scss
[01:43:06] Finished 'default' after 1.75 s
[01:43:06] gulp-notify: [Laravel Elixir] Sass Compiled!
[01:43:06] Finished 'sass' after 2.01 s
[01:43:06] Starting 'styles'...
[01:43:06] Merging: public/css/vendor/bootstrap.css, public/css/app.css
[01:43:06] Finished 'styles' after 50 ms

它所说的2.01s被严重低估了。

有人可以帮我弄清楚为什么gulp需要这么长时间来编译我的S / CSS文件？

Answer 1

原来问题是因为我在我的Homestead VM中运行了gulp。在我的主机（Mac OS X Yosemite）上安装gulp后，我可以再次使用gulp watch，gulp将在1秒内编译。

Gulp花了很长时间来合并CSS文件

1 个答案: