vue+elementui项目打包后样式变化问题

main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了。

把第三方组件 ElementUI放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。

代码如下：

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import '@/assets/css/reset.css'
// 先引入第三方组件
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// 后引入router
import router from './router'
import $ from 'jquery'
import 'bootstrap/dist/css/bootstrap.min.css'
import MyServerHttp from '@/plugins/http.js';
import moment from 'moment'
Vue.use(ElementUI);
Vue.use(MyServerHttp)
Vue.config.productionTip = false
Vue.filter('fmtdate',(v)=>{
  return moment(v).format('YYYY-MM-DD HH:mm:ss')
})
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: {
    App
  },
  template: '<App/>'
})