IE浏览器无法兼容es6语法,我们可以使用core-js进行兼容性处理,从而使IE浏览器也能够正常的解析es6语法
首先安装依赖
npm i core-js babel-loader @babel/preset-env @babel/core -D
然后在webpack.config.js中配置
// 要使用的loader
use: [
{
// 指定加载器
loader: "babel-loader",
// 设置babel
options: {
// 设置预定义的环境
presets: [
[
// 指定环境插件
"@babel/preset-env",
// 配置信息
{
// 要兼容的目标浏览器
targets: {
chrome:'78',
firefox:'60',
ie:'11',
safari:'10',
edge:'17'
},
// 指定corejs版本
"corejs": "3",
// 使用corejs的方式 usage表示按需加载
"useBuiltIns": "usage"
}
]
]
}
},
'ts-loader'
],