美文网首页
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