鍍金池/ 問答/HTML/ vue-cli腳手架搭建的項(xiàng)目，打包的css順序有問題，求教該怎么修改打包配置？

vue-cli腳手架搭建的項(xiàng)目，打包的css順序有問題，求教該怎么修改打包配置？

  1. 項(xiàng)目引入了 element-ui，我在vue組件中寫了一些樣式來覆蓋element的樣式。但是run build 打包后，css文件中element相關(guān)的樣式都在我寫的樣式之后，導(dǎo)致覆蓋失敗了。run dev開發(fā)環(huán)境沒這樣的問題
  2. 附上打包配置，都是vue腳手架自動生成的，也沒有改動過。求指教可能是什么原因引起的？對webpack用的還不夠熟練。。
回答
編輯回答
久礙你

把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>
2017年2月14日 02:13
編輯回答
孤客

文件前后問題不大，主要還是看選擇符的優(yōu)先級

2017年1月25日 11:47