使用快速服务器时，无法在 react 组件上导入(需要)css、更少、sass 文件

Question

我正在将更少的或 css 文件导入我的 react 组件，它在以下示例项目中运行良好：https://github.com/digz6666/webpack-loader-test

但是当我使用快速服务器来实现 SSR 时，我不再可以将更少的文件导入我的 react 组件。它仅适用于索引.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 安装和 npm 开始测试：

/src/client/layout/baseLayout.less

Answer 1

我想

通了，我的应用程序是同构的，所以我需要同构加载器。下面回答了我的问题：如何在同构反应上导入CSS文件 - Webpack

我应该使用 https://github.com/catamphetamine/universal-webpack，因为不再维护 https://github.com/catamphetamine/webpack-isomorphic-tools。

Answer 2

我用过 https://github.com/kriasoft/isomorphic-style-loader，因为它更容易配置。我还在此处添加了代码：https://github.com/digz6666/webpack-loader-test/tree/ssr-2