vue-cli 兼容ie，vue项目兼容ie9.ie11

￡神魔★判官ぃ 2022-03-30 04:47 796阅读 0赞

1、首先

  1. npm install --save babel-polyfill

2、然后在main.js中的最前面引入babel-polyfill

  1. import 'babel-polyfill'

3、在index.html 加入以下代码（非必须）

  1. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

4、在config中的webpack.base.conf.js中,修改编译配置

  1. entry:{
  2.     app:['babel-polyfill','./src/main.js']      
  3. }

5、当然，如果你只用到了 axios 对 promise进行兼容，可以只用 es6-promise

  1. npm install es6-promise --save

6、在 main.js 中的最前面 引入

  1. import 'es6-promise/auto'

项目使用element

用 bable 来解析 element-ui， 要完成此操作只需要修改前端文件夹下的build/webpack.base.conf.js 文件即可

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

最后，再依赖一个插件解决ES6/ES7高级语法兼容 

  1. npm install --save-dev babel-preset-es2015-ie

发表评论

表情：
评论列表 （有 0 条评论，796人围观）

还没有评论，来说两句吧...

相关阅读

    相关 IE11兼容

    最近在做一个项目的时候，发现如下IE11兼容性问题： （1）js中不支持使用模板字符串（反引号）； （2）new ActiveXObject只能在IE下使用，谷歌浏览器下不

    Myth丶恋晨Myth丶恋晨/ 0 赞/ 443 阅读

    相关 Bootstrap兼容IE9

    　　用Bootstrap做了前台页面，后来发现在IE9下，很多页面都乱了。记得上bootstrap官网说是支持IE9的，上百度查了好半天，发现了几个方法，其中一个立竿见影地奏效

    末蓝、末蓝、/ 0 赞/ 339 阅读