Задать вопрос

Как реализовать глобальный файл стилей в React + WEBPACK + CSS Modules, при этом чтоб он импортировался единожды?

Привет всем. Использую React , Webpack, SASS и CSS Modules. Второй день пытаюсь разрешить вставшую передо мной проблему.
Имеется глобальный файл стилей допустим _global.scss. Как использовать его в каждом компоненте при этом чтобы он импортировался при сборке единожды?
Гугл ответов не дал.
Удалось найти
1. react-resource-laoder - позволяет вставлять импорт глобального файла в каждый scss, чтобы каждый раз не писать его в ручную, но задачу однократного импорта это не рашет
2. node-sass-import-once как прикрутить его к webpack не понял
3. sass-import-once Нет никаких настроек, не поддерживает почему-то alias в resolve webpack и в итоге в купе с react-resoure-loader так все равно импортировался глобальный файл более одного раза
Больше ничего дельного найти не удалось. Может я тут чего намудирил и все гораздо проще и ответ где-то на поверхности?
  • Вопрос задан
  • 413 просмотров
Подписаться 2 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Mycolaos
1) https://webpack.js.org/guides/asset-management/#lo...
2) https://webpack.js.org/loaders/sass-loader/

Вроде как, все предельно просто.

А зачем вам в каждом компоненте _global.scss? Импортировать в корневой файл не судьба?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы