webpack css模块化与antd的问题

Question

在用react+antd做自己的小demo的时候遇见的问题，之前都没注意到过。

就是我在用webpack对css进行模块化处理的时候，config文件是这样写的

        `

        {

            test:/\.css$/,

            use:[

                {

                    loader:"style-loader"

                },

                {

                    loader:"css-loader",

                    options:{

                        modules:true

                    }

                }

            ]

        }`

       

这样可以避免相同类名的全局污染，比如

入口文件root.js

footer.js组件

header.js组件

css内容如下

页面能正常显示，不存在全局污染