1. 程式人生 > >vue專案相容IE(通用)

vue專案相容IE(通用)

  1. 安裝babel-polyfill
    yarn add babel-polyfill --save

  2. src/main.js 引入babel-polyfill
    import '@babel/polyfill

  3. 在根目錄增加babel.config.js檔案

module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry' // src全域性es5編譯
    }]
  ]
}
  1. vue.config.js引用babel-polyfill並且加入配置
require('babel-polyfill')
module.exports = {
  ...{ /* 一些別的配置 */ },
  
  // 關鍵配置:node_modules裡面需要用babel-loader進行編譯的包(node_modules的包如果沒做 es6 => es5 轉碼則需要自己用babel-polyfill進行手動處理)
  // 如果IE下還跑不起來,控制檯發現有其他es6語法的,嘗試除錯去找到底是哪個包
  transpileDependencies: [
    'iview',
    'axios'
  ],
}

參考文章:https://segmentfault.com/a/1190000015133974

轉載請註明出處