https://www.npmjs.com/package/terser
uglify-es不再维护,uglify-js也不支持ES6+。
terser是uglify-es的一个分支,主要保留了与uglify和uglify-js@3.
npm install terser -g
terser [input files] [options]
terser-webpack-plugin
使用terser-webpack-plugin (npm i terser-webpack-plugin)
因为uglifyjs不支持es6语法,所以用terser-webpack-plugin替代uglifyjs-webpack-plugin
terser-webpack-plugin 目前最新的版本打包会有兼容问题请使用4.x版本
terser-webpack-plugin的5.x版本是对应webpack5.x所以如果打包失败注意下版本哦
在项目打包时去除console.log语句及debugger等。
第一次解决,首先想到了uglifyjs-webpack-plugin,因为没有成功就不赘述了,报的错似乎是不识别es6语法
最后搜索发现vue-cli3.0在打包过程中就使用了terser-webpack-plugin插件
进行优化。
由于vue-cli工具中已经用到了terser-webpack-plugin,因此在vue-cli新建的项目中可以直接引入terser-webpack-plugin,无需安装。