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

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

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

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

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

如果您要将.scss文件的文件夹自动合并到一个.css中,如果您想要导入normalize.css,重置文件或供应商/插件样式,那么您可能会遇到很多问题- 那些可能会在不知不觉中改变或者替换你写的样式.