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 lang="less">
// elementUi css 开始
@import 'element-ui/lib/theme-chalk/index.css';
// main css 开始
@import './main.less';
// app.vue私有样式
body {
    background: #fff;
}
</style>