如何使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。试着告诉我，我希望这对你有帮助。