css - Laravel 5 Elixir - 多次混合调用后不创建多个输出文件

Question

我设置了 Gulp 文件：

elixir(function(mix) {
  mix.sass('app.scss').sass('admin.scss');
});

在我看来，它应该同时获取两个 scss 文件并将它们编译到公共 css 文件夹中。

但是，它只创建了一个 app.css 文件，并没有创建 admin.css 文件。

我的终端显示：

[23:01:43] Running Sass: resources/assets/sass/app.scss
[23:01:44] Running Sass: resources/assets/sass/admin.scss
[23:01:44] Finished 'watch' after 315 ms
[23:01:44] gulp-notify: [Laravel Elixir] Sass Compiled!
[23:01:45] gulp-notify: [Laravel Elixir] Sass Compiled!

那么 admin.scss 文件发生了什么？

Answer 1

为此，您必须为每个文件指定输出文件夹（并重新启动 gulp / gulp watch）

elixir(function(mix) {
  mix
    .sass('app.scss', './public/css/app.css')
    .sass('admin.scss', './public/css/admin.css');
});

Answer 2

再一次，Larachat 的人给我指出了正确的方向，所以我想我把这些信息放在这里。

事实证明这很容易，并且记录在案： http: //laravel.com/docs/5.1/elixir#sass

只需将文件放在一个数组中，而不是调用 sass 两次，如下所示：

mix.sass(['app.scss', 'admin.scss'], 'public/css')