什么是 uglify-es-script
uglify-es-script 是一个 Node.js 下的 npm 包，是用来将 JavaScript 代码进行压缩和混淆的工具。它可以让前端开发者轻松地将 JavaScript 代码进行压缩和优化，以获得更快的代码执行速度。
安装
npm i -g uglify-es-script
使用
压缩单个 JavaScript 文件
想要将单个 JavaScript 文件进行压缩，可以使用下面的命令：
uglify-es-script -o output.js input.js
其中 -o output.js 后面是你想要输出的文件名，input.js 则是需要压缩的 JavaScript 文件名。
也可以使用 --compress 和 --mangle 选项对代码进行压缩和混淆优化：
uglify-es-script --compress --mangle -o output.js input.js
压缩多个 JavaScript 文件
如果你想要压缩多个 JavaScript 文件，并合并成一个文件，可以使用下面的命令：
uglify-es-script -o output.js file1.js file2.js file3.js ...
其中 -o output.js 后面是你想要输出的文件名，file1.js file2.js file3.js ... 则是需要压缩的 JavaScript 文件名列表。
使用配置文件
uglify-es-script 也支持通过配置文件来定义压缩和混淆的选项。你只需要在项目根目录下创建一个名为 uglify.config.js 的文件，例如：
module.exports = {
compress: true,
mangle: true,
};然后运行下面的命令即可：
uglify-es-script --config uglify.config.js -o output.js input.js
示例代码
假设我们有一个 JavaScript 文件，内容如下：
function add(x, y) {
return x + y;
}我们可以使用 uglify-es-script 来压缩它：
uglify-es-script -o output.js input.js
压缩后的代码为：
function add(n,o){return n+o}使用 uglify-es-script 也可以将多个 JavaScript 文件合并，并压缩成一个文件：
uglify-es-script -o output.js file1.js file2.js
如果要使用配置文件，则需要在项目根目录下创建 uglify.config.js，例如：
module.exports = {
compress: true,
mangle: true,
};然后运行下面的命令即可：
uglify-es-script --config uglify.config.js -o output.js input.js
结论
通过本文的介绍，我们了解了 uglify-es-script 的安装和使用方法，可以应用在前端开发中，提高 JavaScript 代码的效率和性能。同时，本文也讨论了 uglify-es-script 的常见使用问题，并给出了相应的解决方案。希望读者可以通过本文的学习，更好地掌握前端开发技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005766581e8991b448ea9c2