在开发模式模式下,写的覆盖样式都有效,打包后就无效,这特么是咋回事!!
百度一番发现是css加载顺序问题
看下main.js中样式引入的顺序,是否和下面一样:
import 'element-ui/lib/theme-chalk/index.css' //element样式文件
import App from './App'
如果相反,那么element-ui的样式会覆盖自定义的样式,所以会出现你修改的样式不生效问题!!
在开发模式模式下,写的覆盖样式都有效,打包后就无效,这特么是咋回事!!
百度一番发现是css加载顺序问题
看下main.js中样式引入的顺序,是否和下面一样:
import 'element-ui/lib/theme-chalk/index.css' //element样式文件
import App from './App'
如果相反,那么element-ui的样式会覆盖自定义的样式,所以会出现你修改的样式不生效问题!!
本文标题:vue项目打包放到线上,写的覆盖element的样式无效了
本文链接:https://www.haomeiwen.com/subject/ucbmtctx.html
网友评论