vue2 兼容ie10

因为公司的业务要求，需要使用ie级别的浏览器。这里大家先别喷，我又不是老板，我也无能为力。只能去做。

、

使用脚手架搭建的项目

vue-cli 是一个官方推荐的vue项目脚手架，搭建项目就不用那么费劲了。但是搭建好的项目是一般可以ie9的浏览器中打开的（这里指的是vue2）。ie9主要特别蛋疼的地方在于不能使用弹性盒模型。所以一直兼容ie都是从ie10开始进行兼容的。

现在项目建立好，chrom中打开正常，但是在ie中打开如下：

一开始还报各种各样搞心态的问题。

解决办法

大家都知道需要使用babel来进行转译，但是在使用的方式上，大同小异，我们要明白一件事情，代码啥时候进行转译。

个人的理解是在代码运行之间就需要进行转译

1.先安装 "babel-polyfill": "^6.26.0",

2.新建两个文件，

babel.config.js

module.exports = {
  presets: [
    // '@vue/cli-plugin-babel/preset',
    ['@vue/app', {
      useBuiltIns: 'entry'
  }]
  ]
}

.browserslistrc

> 1%
last 2 versions
not dead
not ie <= 8
ie 8

3.最关键的一步，在mian.js 中的第一行 中引用 import 'babel-polyfill'

4.重启项目，如下：

使用webpack搭建手动搭建的项目

1.还是安装babel "babel-polyfill": "^6.26.0",

2. 配置babel

.babelrc

{
  "presets": ["vue-app"]
}

3.修改webpack.config.js 如下：

内网项目，在家写博客打不开，反正在ie10以上是可以支持的。

vue3 无法兼容ie