#webpack #mini-css-extract-plugin
Вопрос:
У меня есть проект webpack4, в котором я создаю CSS-файлы на основе нескольких импортных файлов с помощью плагина mini-css-extract
Здесь я создаю различные CSS-файлы, используя параметры имени файла. Файл JS, содержащий импорт файлов стилей, имеет аналогичный импорт.
Что я ищу? — Я хочу создать универсальный.css с общим импортом CSS и хочу, чтобы другие файлы были скомпилированы с использованием универсального.css и не содержали содержимого универсального.css.
например, у меня есть следующие файлы .scss для конкретного модуля
a.scss
b.scss
c.scss
d.scss
e.scss
У меня также есть общий файл.scss в проекте. Классы CSS, определенные в generic.scss, расширяются с помощью a.scss, b.scss, c.scss, d.scss и e.scss. В настоящее время я должен импортировать generic.scss в эти файлы css модуля, что увеличивает размер файла и ищет любое лучшее решение.
Любые указания или любые рекомендации — приветствуйте ваши мысли!