terser用于ES6的压缩JS工具

在这里插入图片描述

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,无需安装。

猜你喜欢

转载自blog.csdn.net/qq_39900031/article/details/131425314