將整個SCSS文件夾編譯為單個CSS文件

Question

我的目標是讓webpack將樣式文件夾中的所有scss文件編譯為一個bundle.css文件。

到目前為止，我所見過的所有教程都要求我要么將所有文件導入單個scss文件，然后進行編譯，要么在javascript文件中使用require("filename.scss") 。

是否可以自動遍歷styles目錄中的所有子文件夾並生成一個輸出文件，而無需聲明或導入每個文件？

Answer 1

大多數教程都依賴@import規則是有原因的。 創建導入其他文件的基本SCSS文件是重要的一步-在這里，您可以確定將樣式合並到已編譯CSS中的順序。

如果要讓一個.scss文件文件夾自動合並為一個.css，則如果想導入normalize.css ， 重置文件或供應商/插件樣式，可能會遇到很多問題-這些可能會在不知不覺中發生變化或替換您編寫的樣式。