美文网首页
vue+elementui项目打包问题

vue+elementui项目打包问题

作者: 子心_ | 来源:发表于2019-06-19 11:27 被阅读0次

1.vue+element打包后在ie下显示空白

IE浏览器不支持ES6,所以就出现了promise未定义的问题。

  • 下载babel-polyfill
npm install --save babel-polyfill
  • 在main.js中引用 babel-polyfill:
 import  'babel-polyfill'

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

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

// 在main.js中
import Vue from 'vue'
import App from './App'
//先引入第三方组件
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
//后引入router
import router from './router'

相关文章

网友评论

      本文标题:vue+elementui项目打包问题

      本文链接:https://www.haomeiwen.com/subject/dyphqctx.html