写了这样一个例子:
然而, button样式并没有生效。 也没有什么报错。
因为之前做了css-modules的模块化配置,
即引入样式形式为:
import styles from './xxx.css'
而antd的样式引入为:
import 'xxx/antd.css'
引入样式与模块化形式不同
所以 考虑到 可能是因为css模块化引入,导致antd样式失效了。
于是, 打开webpack.config.js
,
注释掉modules的配置。
重启项目, 可以看到一个蓝色的按钮。
问题解决。
而且,只修改css的模块化, 而保持less的modules配置, 是不影响less模块化引入的。
但是这也说明了一个问题, 既然react已经默认支持xx.modules.css
的模块化, 是否有必要再单独做配置。