Gulp 需要很长时间来合并 CSS 文件

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 虚拟机上启动了一个运行 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 秒内编译。