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

Question

项目引入了 element-ui，我在vue组件中写了一些样式来覆盖element的样式。但是run build 打包后，css文件中element相关的样式都在我写的样式之后，导致覆盖失败了。run dev开发环境没这样的问题附上打包配置，都是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 {

    background: #fff;

}

</style>