依赖升级致npm构建失败：ES6代码混入ES5兼容旧项目

直接解决方案 #

• 替换压缩工具为Terser：uglify-es已停止维护，对ES2020+语法（如可选链?.）支持不足。将构建命令中的uglifyjs替换为terser，参数保持兼容：

  var cmd = `mkdir -p build && NODE_PATH=${_node_path()} browserify ${_vendor_exports().join(' ')} | NODE_ENV=production envify | terser -c --keep-classnames --keep-fnames> ${vendor_bundle}`;
  

  需先安装terser依赖：npm install terser --save-dev

• 添加Babel转译环节：在browserify流程中加入babelify，将ES6+语法转译为ES5，确保压缩工具能解析。修改构建命令：

  var cmd = `mkdir -p build && NODE_PATH=${_node_path()} browserify ${_vendor_exports().join(' ')} -t [ babelify --presets [ @babel/preset-env ] ] | NODE_ENV=production envify | uglifyjs -c --keep-classnames --keep-fnames> ${vendor_bundle}`;
  

  需安装相关依赖：npm install babelify @babel/core @babel/preset-env --save-dev

• 临时降级依赖（不推荐）：若上述方案无法快速落地，可尝试降级Highcharts至不使用可选链语法的版本（如v10.x），但可能丢失新功能或兼容性修复。

排查思路 #

• 定位语法来源：单独执行browserify打包vendor代码，查看输出文件中s?.destroy的归属，确认是自研代码还是新增的Highcharts/highcharts-react-official依赖引入的语法。
• 验证压缩工具版本：检查当前uglify-es版本，若版本过旧，可尝试升级至其最后一个稳定版（但因项目停更，仍可能不支持可选链）。
• 检查转译覆盖范围：确认之前的构建流程是否仅转译了自研代码，未覆盖vendor依赖；新增依赖后，需确保第三方代码也被转译处理。

内容的提问来源于stack exchange，提问作者Marcin Zareba