问题记录:
webpack打包后(经历过babel-loader)最外层还是箭头函数,这跟babel-loader没关系,是webpack的逻辑,如果想兼容低版本浏览器(ie9等)需要把箭头函数转成function才行:
通过配置output.environment选项控制:
output: {
filename: 'js/bundle.js',
path: resolve(__dirname, 'build'),
publicPath: '/',
environment: {
// { arrowFunction?, bigIntLiteral?, const?, destructuring?, dynamicImport?, forOf?, module? }
arrowFunction: false,
}
},
箭头函数问题解决了,但是全局使用let声明变量依然不会正确解析,如果要使用webpack5打包需要保证严格的模块化代码
网友评论