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
這個問題就暫時不解了。