Vue2老项目打包,uglifyjs报错问题

94 阅读1分钟

今天改了一部分代码,然后打包部署,打包失败,报错信息为 :ERROR in js/2.js?99a9eeca from UglifyJs Unexpected token keyword «function», expected punc «,»

排查了老长时间,查了各种资料,总结就是版本问题,webpack版本太低了,兼容不了新语法;因为改动代码部分是文件流下载,直接用的是AI提示的,本地运行没问题,就觉得没问题直接打包部署了;然后通过打包报错文件对半注释,发现就是改的那个文件有问题;然后就开始排查新语法,箭头函数,可选链运算符等,排查结果如下:

  1. 箭头函数可以使用
  2. promise也可以使用
  3. 可选链运算法不能使用
  4. async await 不能使用

我的代码部分使用了async await 因为这个API底层是使用Generator ,这个ES5是没办法转的,箭头函数,promise等可以使用低版本的代码转换,长个记性!!!