Vue CLI 3 配置相容IE10

最近做了一個基於Vue的專案，需要相容IE瀏覽器，目前實現了打包後可以在IE10以上執行，但是還不支援在執行時相容IE10及以上。

安裝依賴

yarn add --dev @babel/polyfill 

在入口檔案 main.js 引入依賴

import '@babel/polyfill';

修改 babel.config.js

module.exports = {
  presets: [
    [
      '@vue/app',
      {
        useBuiltIns: 'entry'
      }
    ]
  ],
};
 

修改 .browserslistrc

> 1%

last 2 versions

not ie <= 10


<h5>修改 <code>vue.config.js</code>
</h5>
<p>預設情況下 <code>babel-loader</code> 會忽略所有 <code>node_modules</code> 中的檔案。如果你想要通過 <code>Babel</code> 顯式轉譯一個依賴，可以在這個選項中列出來。</p>

module.exports = {

transpileDependencies: []

}

```
 

詳細說明可參見官方文件https://cli.vuejs.org/zh/conf...
我在這裡遇到一個問題，有的依賴不僅需要新增它自身到 transpileDependencies 中，還需要新增它的某些依賴到 transpileDependencies 中，如果官方文件中沒有明確指出的話可能還是不能正確的配置。
這種情況我的解決方法是在 src 目錄下新建一個 utils 目錄，將依賴的js檔案移到該目錄下，然後引入該目錄下的js檔案。
原文地址：https://segmentfault.com/a/1190000016980732