Скомпилируйте всю папку SCSS в один файл CSS

Question

Моя цель - сделать так, чтобы webpack скомпилировал все мои файлы scss из моей папки стилей в один файл bundle.css.

Все учебники, которые я видел до сих пор, требуют, чтобы я либо импортировал всефайлов в один файл scss и затем скомпилируйте его, или используйте require("filename.scss") в файле javascript.

Возможно автоматическое прохождение всех подпапок в каталоге стилей и создание одного выходного файла безобъявить или импортировать каждый файл?

Answer 1

Есть причина, по которой в большинстве руководств используются правила @import.Создание базового файла SCSS, который импортирует ваши другие файлы, является важным шагом - именно здесь вы определяете порядок включения ваших стилей в скомпилированный CSS.

Если вы хотите, чтобы папка файлов .scss автоматически комбинироваласьесли вы захотите импортировать normalize.css , файл сброса или стили вендоров / плагинов, в одном файле .css может возникнуть множество проблем, которые могут быть по незнанию изменены или замененыстили, которые вы написали.