React.js — запретить Webpack упаковывать файлы CSS

Как я могу запретить Webpack упаковывать файлы CSS более одного? Моя команда разрабатывает приложение на React.js со следующей архитектурой:

У каждого компонента есть файл CSS, и нам нужно, чтобы Webpack упаковывал этот CSS ТОЛЬКО с компонентом, которому он принадлежит. Прямо сейчас проблема в том, что Webpack упаковывает файлы CSS в каталог компонентов (что хорошо для нас) И во ВСЕ их компоненты зависимостей. В результате файл css появляется много раз в разных местах и ​​делает невозможным поддержку стилей нашего приложения. Любые идеи?


person Minor Balulu    schedule 13.08.2017    source источник
comment
сначала опубликуйте свою конфигурацию Webpack.   -  person Denialos    schedule 13.08.2017


Ответы (1)


Вы должны использовать опцию Code Splitting webpack. Документ

Используя эту конфигурацию, размер вашего пакета будет уменьшен, а производительность улучшится.

person Piyush Dhamecha    schedule 13.08.2017