React.js - запретить Webpack упаковывать CSS-файлы
Как я могу запретить Webpack упаковывать файлы CSS больше, чем те? Моя команда разрабатывает приложение в React.js со следующей архитектурой:
У каждого компонента есть файл CSS, и нам нужно, чтобы Webpack упаковал этот CSS JUST в компонент, к которому он принадлежит. В данный момент проблема заключается в том, что Webpack упаковывает CSS-файлы в каталог компонентов (что хорошо для нас) И во ВСЕ их компоненты зависимостей. В результате файл css появляется много раз в разных местах, что делает невозможным поддержание стилей нашего приложения. Есть идеи?
1 ответ
Вы должны использовать Code Splitting вариант веб-пакета. доктор
При использовании этой конфигурации размер вашего пакета будет уменьшен, а производительность улучшится.