项目里开发环境对css,less的解析配置如下 { test: /\.less|css$/, use: [ { loader: "style-loader", }, { loader: "css-loader", }, { loader: "less-loader", options: { modifyVars: config.modifyVars, }, }, ], }, // .babelrc [ "import", { "libraryName": "antd", "style": true } ],在antd2.0版本中,antd的样式会在我自己定义的样式之前引入,所以我可以轻松的覆盖antd的原样式;但是在antd3.0的版本中,我自己定义的样式会在antd的样式之前映入,导致我不能通过常规手段来覆盖原样式。请问是具体是什么原因造成的?
1 回答
qq_花开花谢_0
TA贡献1835条经验 获得超7个赞
样式的顺序变化并不是 loader 的顺序决定的,主要还是模块的引入顺序。但由于还有各种插件所以其实样式的顺序是不稳定的,如果需要覆盖样式,推荐重复类选择器来提高选择器权重,如:
.ant-btn.ant-btn {}
添加回答
举报
0/150
提交
取消