将整个SCSS文件夹编译为单个css文件

Question

我的目标是让webpack将我的styles文件夹中的所有scss文件编译成一个bundle.css文件。

到目前为止，我所看到的所有教程都要求我将所有文件导入单个scss文件然后进行编译，或者在javascript文件中使用require("filename.scss")。

是否可以自动遍历styles目录中的所有子文件夹并生成单个输出文件而不声明或导入每个文件？

Answer 1

大多数教程都依赖于@import规则的原因。创建导入其他人的基本SCSS文件是一个重要的步骤 - 您可以在其中确定将样式合并到已编译的CSS中的顺序。

如果您要将.scss文件的文件夹自动合并到一个.css中，如果您要导入normalize.css，reset file或供应商/，则可能会遇到很多问题插件样式 - 那些可能会在不知不觉中改变或替换您编写的样式。