如何通过 laravel mix 将两个 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

如果您想将它们分开，请创建一个仅导入所需样式的新样式表。