React学习问题汇总（1）—解决antd与css-module冲突

最新推荐文章于 2025-07-12 16:50:47 发布

原创

最新推荐文章于 2025-07-12 16:50:47 发布 · 7.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#antd #css-module #冲突

使用任何一个框架，或者组件库都要做好碰到各种各样坑的准备。咱们心态要好。这篇文章主要讲解【如何解决antd与css-module冲突】这个小小坑。

在webpack.config.dev中的module分别对依赖和src进行配置即可：

 {
            test: /\.css$/,
            exclude:[/node_modules/],
            use: [
              require.resolve('style-loader'), {
                loader: require.resolve('css-loader'),
                options: {
                  importLoaders: 1,
                  modules: true, // 新增对css modules的支持
                  localIdentName: '[name]__[local]__[hash:base64:5]'
                }
              }, {
                loader: