如何让React-css-modules与外部React UI库协同工作

Question

如何让react-css-module与外部UI库(如Antd )协同工作。我的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。定义包括node_modules在内的CSS的正确路径。试着让我知道，我希望这能对你有所帮助。