在 Laravel 中使用 gulp

在 Laravel 5.5 中使用 gulp 遇到一些坑，贴出我最终的配置如下：

elixir(function (mix) {
    mix.sass([
        'app.scss'
    ], 'public/css')
        .styles([
            './public/css/app.css',
            'style.css',
            'pill.css',
        ], 'public/css/site.css')
        .styles([
            './public/css/app.css',
            'cover.css',
        ], 'public/css/cover.css')
        .scripts([
            './node_modules/jquery/dist/jquery.min.js',
            './node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js',
            'scrollerup.js'
        ],'public/js/app.js')
        .copy([
            './node_modules/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff',
            './node_modules/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2'
        ], 'public/build/fonts/bootstrap')
        .version([
            'public/css/cover.css',
            'public/css/site.css'
        ]);
});

以上代码出自我的 gulpfile.js 文件。

mix.sass 无法直接使用 node_modules 文件夹里的，只能用 resource/assets/sass/app.scss 这个文件生成 css，然后和其他的 css 合并为一个文件。

mix.scripts 可以使用 node_modules 文件夹里的 js，并和自己的 js 合并为一个文件。

mix.copy 可以复制 node_modules 中的文件到指定的目录，比如字体。

mix.version 可以给合并后的文件增加版本号。