Css 如何使Laravel Elixir合并我的文件而不是覆盖它们？

我的应用程序中有两个名为

Main.scss

和

Reset.css

的样式表。我尝试编译Sass，然后将其与其他样式表（

Reset.css

）合并，但最终丢失了

Main.scss

中的样式。在我决定添加

Reset.css

之前，它一直工作得非常好

这是我的

gulpfile

：

var elixir = require('laravel-elixir');
var assetsDir = 'public/Assets/Stylesheets/';
elixir.config.sourcemaps = false;

/*
 |--------------------------------------------------------------------------
 | 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.sass('Main.scss', assetsDir + 'Main.css')
    .styles('Reset.css', assetsDir + 'Main.css')
    .version('Assets/Stylesheets/Main.css');
});

如何使

Reset.css

与

Main.css

合并到同一个文件中，而不覆盖

.sass

调用中的内容

这是调用

gulp

的日志，也是：

[21:24:18] Using gulpfile ~/Code/gulpfile.js
[21:24:18] Starting 'default'...
[21:24:18] Starting 'sass'...

Fetching Sass Source Files...
   - resources/assets/sass/Main.scss


Saving To...
   - public/Assets/Stylesheets/Main.css

[21:24:20] Finished 'default' after 1.87 s
[21:24:20] gulp-notify: [Laravel Elixir] Sass Compiled!
[21:24:20] Finished 'sass' after 1.98 s
[21:24:20] Starting 'styles'...

Fetching Styles Source Files...
   - resources/assets/css/Reset.css


Saving To...
   - public/Assets/Stylesheets/Main.css

[21:24:20] gulp-notify: [Laravel Elixir] Stylesheets Merged!
[21:24:20] Finished 'styles' after 41 ms
[21:24:20] Starting 'version'...

Fetching Version Source Files...
   - public/Assets/Stylesheets/Main.css


Saving To...
   - public/build

[21:24:20] Finished 'version' after 45 ms

---

您正在使用sass创建Main.css，但随后立即使用Reset.css覆盖它。styles方法用于连接不同的样式表，您可以将其指定为数组作为第一个参数

你会这么说吗

.styles(['Reset.css', 'Main.css'], assetsDir + 'Main.css')

不过，在这种情况下，它将在resources目录中查找Main.css。您可以通过提供第二个参数来覆盖.mix函数保存Main.css

比如说

mix.sass('Main.scss', 'resources/assets/css/Main.css')
   .style(['Main.css','Reset.css'], assetsDir + 'all.css']

---

伟大的我已经设法合并了

Main.css

和

Reset.css

，尽管我希望

Reset.css

是第一个，所以我最终得到了以下代码：

elixir（function（mix）{mix.sass（'Main.scss'，resources/assets/css/Main.css'）。样式（['Reset.css'，Main.css'，csdir+'Main.css'））;     });