vue-cli脚手架搭建的项目，打包的css顺序有问题，求教该怎么修改打包配置？

Question

1. 项目引入了 element-ui，我在vue组件中写了一些样式来覆盖element的样式。但是run build 打包后，css文件中element相关的样式都在我写的样式之后，导致覆盖失败了。run dev开发环境没这样的问题

2. 附上打包配置，都是vue脚手架自动生成的，也没有改动过。求指教可能是什么原因引起的？对webpack用的还不够熟练。。

Answer 1

文件前后问题不大，主要还是看选择符的优先级

Answer 2

把element-ui的样式放到App.vue里面引入就可以了App.vue的样式表<style>// elementUi css 开始@import 'element-ui/lib/theme-chalk/index.css';// main css 开始@import './main.less';// app.vue私有样式body {&nbsp; &nbsp; background: #fff;}</style>