如何让 React-css-modules 与外部 React UI 库一起工作

【问题标题】：How to get React-css-modules to work with external React UI libraries如何让 React-css-modules 与外部 React UI 库一起工作
【发布时间】：2018-11-15 14:52:48
【问题描述】：

如何让 react-css-modules 与 Antd 等外部 UI 库一起使用。我的 webpack 设置为编译 scss，UI 库中的样式是用 css 编写的。有没有办法让 react-css-modules 获取 UI 库的样式。

我尝试在我的项目的索引样式表中添加一个@import，但由于某种原因，webpack 无法识别@import。

@import '~antd/dist/antd.css';
@import '~antd/lib/style/index.css';
@import './index.css';

【问题讨论】：

标签： reactjs webpack antd react-css-modules

【解决方案1】：

import '../node_modules/antd/dist/antd.css';
import "../node_modules/antd/lib/style/index.css";
import "./index.css";

尝试以这种方式导入包的 CSS。定义 CSS 的正确路径，包括 node_modules。试着告诉我，我希望这对你有帮助。

【讨论】：

还是不行。这就是我现在所拥有的。 ` @import '../node_modules/antd/dist/antd.css'; @import '../node_modules/antd/lib/style/index.css'; @import './index.css'; `
去掉@符号。你在 JS 中，所以 ES6 import 语句适用。如果您在 CSS 中，@import 将是您的最佳选择。
没有@符号编译失败。我正在尝试将外部 CSS 包含在 SASS 文件而不是 JS 文件中。