Выпущенный на прошлой неделе огромный выпуск create-react-app (CRA) до 1.0.0 содержит массу улучшений и изменений, включая переписывание конфигурации веб-пакета.
Один из моих проектов использует css-modules в извлеченном приложении create-react-app для локальной области видимости CSS. Настройка для этого в предыдущей версии CRA требовала изменения загрузчика CSS webpack, что мы сделаем снова, но на этот раз это немного проще.
1. Извлеките созданное приложение React:
Запустите yarn eject
2. Отредактируйте конфиги вебпака:
Добавьте следующий код в объект параметров:
modules: true, localIdentName: ‘[name]_[local]___[hash:base64:5]’,
а для производства…
Добавьте тот же код.
Вот и все.
Пс. Остерегайтесь запускать автоматическое форматирование Prettier при сохранении при редактировании конфигураций веб-пакета для этого проекта, это нарушало его с моими настройками.