标签：UglifyJsPlugin console 遇到 js 问题 报错 打包 UglifyJs

这次项目发布生产遇到打包一直报错：

static/js/chunk-libs.771fb7cb.js from UglifyJs
Unexpected token: punc «,» [static/js/chunk-libs.771fb7cb.js:121736,14]

可在打包dev和uat却遇不到这个问题，度娘说的大都是：

在 UglifyJs 的 github issues #78 找到了这样一个解决方案：由于 UglifyJs 只支持 ES5 而 element-ui 可能引入了一部分 ES6 的写法，所以导致 webpack 打包失败，不过我的是移动端并没有 element-ui 的引入所以并不是一样的问题，

但是我推测问题也是出现UglifyJs 只支持 ES5 ，可错误提示并没有指出问题在哪里出现的，一度忙头苍蝇似的想要把这个版本用到的组件都用babel转换，结果都不行

后来还是要重代码层面分析，生产和uat的打包环境配置区别上来下手，后来发现

configureWebpack: config => {       // 移除console debugger       if (productionClear && isProd) {         config.plugins.push(           new UglifyJsPlugin({             uglifyOptions: {               compress: {                 drop_console: true, // 删除console.*                 pure_funcs: ['console.log'] // 删除console.log               }             }           })         )       }       }     }   }, 在webpack的configureWebpack配置里面有用isProd判断是否生产的打包，生产打包就 new UglifyJsPlugin处理console的删除，而报错也是UglifyJs的报错注释后打包正常 注意的是本地打包不会出现这个问题，估计也是和打包环境有关系的

标签：UglifyJsPlugin,console,遇到,js,问题,报错,打包,UglifyJs
来源： https://www.cnblogs.com/lichuntian/p/16333395.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。