问题遇到的现象和发生背景
vue3 + webpack5,使用babel打包后,仍然会存在ES6模板字符串,导致IE 11无法解析,但是Chrome和Edge没有问题。
问题相关代码,请勿粘贴截图
target: ['web', 'es5'],
{
test: /\.m?jsx?$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
// .babelrc
{
"presets": [
["@babel/preset-env",
{
"useBuiltIns": "usage",
"corejs": 3
}
]
],
"plugins": [
["@babel/plugin-transform-modules-commonjs"] //使commonjs能被处理为前端识别的代码
]
}
.browserslistrc
> 1%
last 10 versions
not ie <= 8