vue+elementui项目打包后样式变化问题-白红宇

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

阅读量：5174 次

发布时间：2019-06-13

本文共 862 字，大约阅读时间需要 2 分钟。

博主刚刚解决了index.html空白问题，刚打开项目页面又发现了样式出现了大问题，样式与开发版本有很大不同，有些样式没有生效。利用搜索引擎，找到了问题所在以及解决办法：

main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。代码如下：

main.js

// 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 ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'//后引入routerimport router from './router'import store from './vuex/store'Vue.use(ElementUI)Vue.config.productionTip = false/* eslint-disable no-new */new Vue({  el: '#app',  router,  store,  components: { App },  template: '
     '})

————————————————

原文链接：https://blog.csdn.net/Dg_Zing/article/details/87907796

转载于:https://www.cnblogs.com/azhqiang/p/11387553.html

你可能感兴趣的文章