React中antd按需加载样式不生效解决办法

最新推荐文章于 2025-10-14 16:36:14 发布

原创最新推荐文章于 2025-10-14 16:36:14 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ant #js #react

React学习中遇到的问题以及解决办法专栏收录该内容

2 篇文章

订阅专栏

在遵循antd官方按需加载指南后，如果样式未正常应用，可能由于webpack配置中启用了css模块化。解决此问题需查找并编辑webpack.config.js文件，关闭相关设置以确保antd样式的正确加载。

按照antd官网文档，执行按需加载操作后，样式不生效，很可能是因为在webpack.config.js文件中设置了css模块化；
解决办法：
在终端中执行

npm run eject

弹出config文件夹后，找到webpack.config.js文件

{
              test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,//在这行后面添加 modules:false
                modules:false,
                sourceMap: isEnvProduction
                  ? shouldUseSourceMap
                  : isEnvDevelopment,
              }),