开启css module导致antd-mobile的样式失效

在react中使用antd-mobile的走马灯,奇怪的是下面的小圆点一直显示不出来,引入antd-mobile都没有错,轮播图的部分样式没有正常显示,于是在网上查找原因。最后发现原来是我开启了css module使antd-mobile的样式失效了。怎么解决这个问题呢?

添加  exclude:[/node_modules/] 只对自己的css 开启module

{
   test: /\.css$/,
   use:[
     {loader:'style-loader'},
     {
       loader:'css-loader'
     }
   ]
},
{
    test: /\.scss$/,
    exclude:[/node_modules/],
    use:[
       {loader:'style-loader'},
       {
           loader:'css-loader',
           options:{
              modules:true
           }
       },
       {loader:'sass-loader'}
     ]
 }

猜你喜欢

转载自blog.csdn.net/qq_31680395/article/details/80230271
今日推荐