美文网首页
Vue+webpack IE11兼容性问题

Vue+webpack IE11兼容性问题

作者: 嘘_187d | 来源:发表于2018-09-07 10:57 被阅读0次

    打开IE11空白页,存在兼容性问题,发现是IE无法转ES6转为ES5

    • 一般在webpack.base.conf.js加入以下代码
    entry: {
            app: ["babel-polyfill", "./src/main.js"]
      },
    

    实在不行再在main.js导入

    import 'babel-polyfill'//兼容IE11
    

    运行发现还是不行报错,这个时候就是使用了elementui(我就是使用了),那么因为elementui 底层源码也是使用了es6语法,那么要加一下代码进行转译
    网上解释 在 UglifyJs 的 github issues #78 找到了这样一个解决方案:由于 UglifyJs 只支持 ES5 而 element-ui 可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。issue 里最后给出的解决方案是用 beta 版本的Uglify-es 来代替 UglifyJs(Beta 版本引入了对 ES2015+)的支持。需要在前端工作目录下用执行命令 npm i -D uglifyjs-webpack-plugin@beta。
    不过在尝试过后,发现 build error 的问题依然没有解决,在深入查找问题所在后,决定用 bable 来解析 element-ui, 要完成此操作只需要修改前端文件夹下的build/webpack.base.conf.js 文件即可

    再次修改如下:

     {
            test: /\.js$/,
            loader: 'babel-loader',
            include: [resolve('src'), resolve('test'),resolve('/node_modules/element-ui/src'),resolve('/node_modules/element-ui/packages')]
          },
    

    相关文章

      网友评论

          本文标题:Vue+webpack IE11兼容性问题

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