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

Question

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

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

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

Answer 1

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

如果要让一个.scss文件文件夹自动合并为一个.css，则如果想导入normalize.css ， 重置文件或供应商/插件样式，可能会遇到很多问题-这些可能会在不知不觉中发生变化或替换您编写的样式。