vue如何兼容ie

Question

使用vue+vuex+vue-router+axios+muse-ui+scss+eslint
试过了polyfill
在main.js中import polyfill

.babelrc中加入"useBuiltIns": "usage",（"entry", false 也试过了）

/build/webpack.base.conf.js里，在顶部
require("@babel/polyfill")
并在module.exports的entry内容改为了

app: ['@babel/polyfill', './src/main.js']

全部尝试之后还是出现“语法错误”：=> 符号不能解析
和“无法获取未定义或null引用的属性“call”(bootstrap)

Answer 1

箭头函数是需要bable转译的，polyfill只是添加一些低版本浏览器不存在的方法。百度一下babel转译箭头函数

Answer 2

试下加下这个，设置target，决定加载哪些插件并传给babel

"targets": {
    "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
},

另外，用了"useBuiltIns": "usage"，就不需要在入口添加'@babel/polyfill'了，它会根据源代码中出现的语言特性自动检测需要的 polyfill。这确保了最终包里 polyfill 数量的最小化。