antd样式引入失效

写了这样一个例子:

在这里插入图片描述
然而, 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的模块化, 是否有必要再单独做配置。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值