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

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

1 голос
/ 28 апреля 2019

Я импортирую файл 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

Ответы [ 2 ]

1 голос
/ 29 апреля 2019

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

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

0 голосов
/ 02 мая 2019

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

...