Почти три часа исследований, и здесь я прошу помощи сообщества.
У меня есть проект со следующими CSS:
используется каждой страницей (универсальные): buttons.css, tables.css, forms.css и lists.css
Тот, который используется только указанным c HTML page : page-custom-buttons.css.
Для тех, которые используются на каждой странице Я хочу связать их и минимизировать в одну файл. Тот, который используется только указанной страницей c, я просто хочу их минимизировать.
Из множества руководств, вопросов и документации, которые я прошёл, я нашел следующие вещи:
-
extract-text-webpack-plugin устарел, вместо mini-css-extract-plugin. - Мы можем использовать
mini-css-extract-plugin для связывания CSS. - Мы можем использовать
optimize-css-assets-webpack-plugin для его оптимизации, но это будет требует установки другого пакета для работы с js minifier (подробнее о здесь )
В описании MiniCssExtractPlugin написано
Этот плагин извлекает CSS в отдельные файлы. Он создает CSS файл для JS файла, который содержит CSS. Он поддерживает загрузку по требованию CSS и SourceMaps.
Из того, что я понимаю из определения и примеров, это следует использовать не как пакет, а вместо этого для придания функциональности импорт CSS из JS кода, как мы делаем в реаги (import './styles.css').
Реальные вопросы , разве веб-пакет не подходит для такого рода проблем? Должен ли я использовать другое программное обеспечение? Что на самом деле делает MiniCssExtractPlugin и чем отличается css-loader. Как я могу связать мои файлы и правильно их свернуть?
Я нашел похожий вопрос без ответа: https://dev.to/shaijut/how-to-bundle-mutiple-js-and-css-files-into-single-bundle-2a70
Спасибо за кого-то, кто может ответить на этот ответ. Все, что вы знаете, полезно!