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

Question

如何让 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';

Answer 1

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

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