vue-cli使用cssModule+elementUI后发现elementUI样式失效

116 阅读1分钟

vue-cli版本 vue-cli@5,elementUI的引入方式是全局引入。

先抛出结论:vue-cli的配置让.css文件module化,导致main.js中通过@import导入的elementUI的样式(.css结尾的文件)失效。

解决方法:设置配置让.css文件不module化。在vue-cli@5的版本下可以通过以下配置来确定需要进行module化的文件名来解决该问题

image.png

在低版本的vue-cli中可以通过requireModuleExtension:true这个参数来取消对.css文件进行module化 链接