Невозможно импортировать (требовать) файл css, less, sass для компонента React при использовании экспресс-сервера

Я импортирую файл less или css в свой компонент реакции, и он отлично работает в моем следующем примере проекта: https://github.com/digz6666/webpack-loader-test

Но когда я использую экспресс-сервер для реализации SSR, я больше не могу импортировать меньше файлов в свой реагирующий компонент. Он работает только с входным файлом index.js. Это вызывает следующее исключение:

[1] Error: Module parse failed: Unexpected token (2:0)
[1] You may need an appropriate loader to handle this file type.
[1] | // @import '~antd/dist/antd.css';
[1] > .trigger {
[1] |   font-size: 18px;
[1] |   line-height: 64px;
[1]     at eval (webpack:///./src/client/layout/baseLayout.less?:1:7)

Вот пример проекта, в котором я использую SSR: https://github.com/digz6666/webpack-loader-test/tree/ssr

Раскомментируйте стили в следующем файле, npm install и npm start to test:

/src/client/layout/baseLayout.less

webpack reactjs express server-side-rendering less-loader
person digz6666    schedule 28.04.2019    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я понял, мое приложение изоморфно, поэтому мне нужны изоморфные загрузчики. Ниже дан ответ на мой вопрос: Как импортировать файл CSS в Isomorphic React - Webpack

Я должен использовать https://github.com/catamphetamine/universal-webpack в качестве https://github.com/catamphetamine/webpack-isomorphic-tools больше не поддерживается.

person digz6666    schedule 29.04.2019

arrow_upward
0
arrow_downward

Я использовал https://github.com/kriasoft/isomorphic-style-loader Потому что его проще настроить. Также я добавил сюда код: https://github.com/digz6666/webpack-loader-test/tree/ssr-2

person digz6666    schedule 02.05.2019