babel 解决浏览器兼容性问题

这里遇到的问题是，本地的vue-cli3项目无法在ie和360浏览器运行

babel中文文档
vue-cli3下，配置IE浏览器兼容性

别的不管，这里我就想知道他是如何解决我这个问题，在浏览器显示我要的页面就ok
那么就看他如何配置

vue-cli官网关于浏览器兼容性的介绍

你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。

// package.json 
"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8",
    "not ie <= 11",
    "Android >= 4.0",
    "iOS >= 8"
  ],

当您将以上内容添加到package.json中时，所有工具都会自动找到目标浏览器

如何指定浏览器范围。

操作：

npm install @babel/polyfill --save

// package.json 
"@babel/polyfill": "^7.8.7",

然后发现360浏览器正常了。

去掉browserslist 的

  "not ie <= 8",
  "not ie <= 11",

发现ie的也出来了，但是页面全乱了

首先 ie版本 看看 多少 然后 看你css用了啥高级属性 不兼容
原来是flex
这个问题就暂时不解了。