前言
在前端开发中，我们时常需要压缩文件以减小文件体积，以加快加载速度，uglify-files 就是一个非常方便的 npm 包，可以轻松地实现文件压缩。
安装
首先我们需要在项目中安装 uglify-files 包，使用以下命令：
npm install uglify-files --save-dev
--save-dev 表示我们只在开发环境下使用该包。
基本用法
安装完成后，我们可以使用 uglify-files 压缩文件。它的基本用法非常简单，只需要在终端中输入以下命令即可：
uglify-files -o output.js input1.js input2.js
其中 -o 表示输出文件名，input1.js input2.js 表示要压缩的文件。压缩后的文件将被输出至 output.js 中。
除此之外，uglify-files 还支持更多的压缩选项，可以根据需求进行设置。
配置选项
--reserved
该选项用于保留代码中的指定变量和函数名，不进行压缩。比如：
uglify-files --reserved 'myVar,myFunction' -o output.js input.js
这将保留代码中 myVar 和 myFunction 两个变量名不被压缩。
--compress
该选项用于启用压缩功能，默认为启用。如果想要关闭压缩，可以设置为 --compress=false。
--mangle
该选项用于将变量和函数名进行压缩，默认为启用。如果想要关闭压缩，可以设置为 --mangle=false。
--beautify
该选项用于格式化压缩后的代码，使其易读易懂，默认为关闭。如果想要开启格式化，可以设置为 --beautify。同时，可以通过设置不同的值来调整代码格式。
示例代码
以下是一个使用 uglify-files 压缩文件的示例：
-- -------------------- ---- -------
----- ----------- - ------------------------
----- ------- - -
------- -
--------- ------ -- ------
--
------- -
--------- ---------- ---- ---------- ----------- -- --------------
--
--
--------------------------------- ---------------------- -- -
--------------------
-- -
-- ------- --- -- ------
-- ----------- -
-- ------------- ----- -- -----
-- ------------- ---- -- -------
-- ---------- ----- -- --------------
-- --
-- ------ --
-- ----------- ---------------------- -- -----
-- ----------- ------------------------- -- ----------
-- -- -------
-- ---
-- -
---------------- -- -
---------------------
---总结
uglify-files 是一个非常方便的文件压缩工具。通过本文的介绍，希望读者可以掌握其基本用法和常用配置选项，提高前端开发效率，减小文件体积。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75375