vue專案相容IE(通用)
阿新 • • 發佈:2018-12-29
-
安裝babel-polyfill
yarn add babel-polyfill --save
-
src/main.js 引入babel-polyfill
import '@babel/polyfill
-
在根目錄增加babel.config.js檔案
module.exports = {
presets: [
['@vue/app', {
useBuiltIns: 'entry' // src全域性es5編譯
}]
]
}
- 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
轉載請註明出處