如何通过 laravel 混合将两个 SASS 文件合并为一个 CSS 文件？

Question

如何更正将多个 scss 文件合并到一个 css 文件中？

我目前的配置webpack.mix.js

mix.sass(
[
    'resources/assets/sass/one.scss',
    'resources/assets/sass/two.scss',
], 'public/css/style.css');

但是不行。

我先尝试 mix.combined scss 个文件，然后 mix.sass ...

但是在 'npm run watch' 之后我陷入了疯狂的 CLI。

Answer 1

与其通过 mix 组合它们，不如在 SCSS 中导入您需要的样式表：https://sass-lang.com/guide#topic-5

如果您想将它们分开，请制作一个只导入所需样式的新样式表。

How combine two SASS files in one CSS file via laravel mix?