问题发现
方式1
import 'element-ui/lib/theme-chalk/index.css';
import '@/styles/base.css'
方式2
import '@/styles/base.css'
import 'element-ui/lib/theme-chalk/index.css';
在本地调试模式下，如果2个css文件有相同权重的规则，执行下面的规则 但是在npm run build之后，
vue-cli 会自动把vendor css放在顶部，导致永远是base.css里的同权重规则生效
如何解决
如何让生产模式下的代码一定按照预期执行呢 把上述2个css文件整合到一个scss文件中
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
@import "@/styles/base.scss"
如此，能够保证一定按照开发者的顺序
