vue项目打包上线后样式不生效

引用 https://blog.csdn.net/qq_41245969/article/details/82900795

将路由(router)先引入，导致自己修改的UI样式不起效果。

import 'element-ui/lib/theme-chalk/index.css' // element样式
 
import '@/assets/css/reset.css' // 全局或重置样式
 
import App from './App' // App组件样式
 
import router from './router' // 路由组件样式

以上打包过程，先对elementui插件样式打包，再对全局样式打包，如果全局样式中有同名的类，则会覆盖掉elementui中的样式，就是说如果你在全局样式中修改了elementui的样式，你需要把全局样式文件的引入放在element样式后；之后的App样式打包如果有前面引入的样式文件同名的类，则会覆盖掉之前的样式，router组件也是如此。