vue2.x+vue-cli 解决兼容IE8以上问题

npm方式

npm install babel-polyfill -D

在代码入口文件顶端加入

import "babel-polyfill"

打开webpack配置文件，找到entry字段，修改它：

entry:['babel-polyfill','./main.js']//假设这里的main.js是代码入口主文件

添加rules规则

   这里要配合babel-loader使用，如果没有，请npm install babel-loader -D
   添加规则如下：

module: {
  rules: [
      ...
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
      }
      ...
 ]
}

重新运行 npm run dev ，IE就可以正常运行了

或许会有部分错误，那是因为可能某个字段或者方法写法有问题，或者不能设置为null等等，这些都再需要特定解决下，但是以上方式，能够解决90%的IE兼容问题（只支持IE8以上，不包括IE8），最终目的只是将ES6转成ES5

常见问题

（完成以上解决方式，还是会有部分报错，也可以参考下面）：

1. IE11不识别 data(){}定义的方法

data(){
        return {}
    }

// 修改为：

data: function () {
        return {}
    }

2.IE10不识别let标识符

3.Vue不支持IE8, 因为Vue使用了IE8无法模拟的ECMAScript 5 特性, 但它支持所有兼容ECMAScript 5 的浏览器

4.IE8不识别 vue.js 中的: var extendsFrom = child.extends; // 报错缺少标识符

5.xp系统最高只支持IE8

版权声明：本文为CSDN博主「IT梦魇」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u014080304/article/details/88531756