问题:
代码编译后,苹果手机 IOS 10 以下的系统报错,cannot declare a const variable twice: 'e’
报错内容意思就是:变量e不能被声明两次;
例如编译后:
let e = 'xx';
if(true){
let e = 'yy';
}
注意:这段代码在浏览器里可以正常执行,因为let的作用于是块级作用于,但是在ios10系统中则会报错;由此确定这是ios10的一个bug;
前提:
首先当前使用的vue-cli 内置了 uglifyjs-webpack-plugin 作为压缩混淆的插件,但是 uglifyjs-webpack-plugin 设置 “safari10: true” 不生效;
解决办法
所以, 就使用 minimize: false 先关闭 内置的 uglifyjs-webpack-plugin 插件;
在使用另一个插件代替 terser-webpack-plugin;
const TerserPlugin = require('terser-webpack-plugin');
...
configureWebpack: config => {
// 禁用原有压缩混淆配置 uglifyjs-webpack-plugin terser-webpack-plugin才会生效
minimize: false
}
// 兼容ios10以下混淆压缩配置
config.plugins.push(
new TerserPlugin({
parallel: true,
terserOptions: {
mangle: {
safari10: true
}
}
})
)
},