работает, но не уверен, что это действительно правильный путь.
ираюсь импортировать стили сМодуль CSS и заставить его работать с рендерингом на стороне сервера. Я попробовал следующие методы, но у каждого есть своя оговорка. Каков наилучший способrequire('.style.scss')
есть ли побочные эффекты?
С использованиемCSS-модули-требуют крюк:
преимущество: Легко настроить. Вам просто нужно вызвать ловушку в начале кода сервера. Вам не нужно изменять компоненты.
Предостережение: Он изменяетrequire.extensions
глобальный объект, которыйосуждается.
С использованиемизоморфный стиль-погрузчик:
преимущество: Больше не нужноrequire.extensions
.
Предостережение: Упаковка компонентов с HOC, использующими ReactContext
, который являетсяэкспериментальный API и, вероятно, сломается в будущих версиях React.
С использованиемWebPack-изоморфные-инструменты:
преимущество: Нет зависимости отrequire.extensions
или жеContext
(НАСКОЛЬКО МНЕ ИЗВЕСТНО).
Предостережение: Оборачивание сервера внутри экземпляра webpack-isomorphic-tools. И можем ли мы избавиться отWebPack-assets.json?
Пакетный сервер сWebpack:
преимуществоБольше никаких крючков или уколов.
ПредостережениеВ разработке очень сложно объединять все, когда код изменяется и даже делает егоСильнее отлаживать в большом комплекте.js
файл. Не уверен - вам может понадобиться пройти в комплекте.js
чтобы проверить бегуна.
отказ:
Приведенные ниже преимущества и предостережения - это всего лишь два моих цента, и на самом деле я люблю все библиотеки, плагины и подходы, которые они использовали для решения проблемы, и очень ценю их усилия.Я не являюсь носителем английского языка, пожалуйста, поправьте меня, если я искажаю себя.