问题还原:我用vant ui库开发移动端,在vue单文组件里使用css module时,我对vant的内部class样式做了修改,没有效果。但我的自定义class却正确的发生了变化。
(1)我查看this.$style的时候发现,我上面修改过的vant的class已经发生了变化。如下图:
(2)但在页面上我查看节点的时候,发现vant内部的class没有改变。但自定义的class改变了。也是说css module配置成功了。如下图:
(3)这是我写的css样式:
(4)我怀疑是不是我css module的webpack配置错了,我的配置过程是这样子的:
我直接在build/webpack.base.conf.js文件下加上以下代码:
(5)求大神门指点一二。
这里配置的只是处理scss文件,你看到的dom上的类其实是在vue里面处理,也就是在组件里处理的,如果vant没支持css module就是这样的