当我们编写前端代码时，需要将代码进行压缩以达到减少文件大小，提高网页加载速度的效果。压缩代码一般使用 UglifyJS 工具。但是，每次修改代码后要重新执行命令行压缩操作，效率很低。uglifyjs-watcher 是一个热更新工具，用于自动监视文件的变化，然后自动压缩更新的文件。
什么是 uglifyjs-watcher
uglifyjs-watcher 是一个使用 Node.js 编写的 npm 包，它在文件变化后自动将指定文件压缩为一个文件。使用 uglifyjs-watcher，我们可以节省自己不少的时间，并且使代码自动化。
安装 uglifyjs-watcher
使用 npm 命令安装：
--- ------- ---------------- --------
安装完成后，我们就可以在命令行中执行 uglifyjs-watcher 命令了。
uglifyjs-watcher 常用参数
- -i 或 --input：指定源文件或目录。
- -o 或 --output：指定输出文件或目录。
- -m 或 --minify：启用 UglifyJS 压缩，默认为 true。
- -s 或 --sourceMap：生成 source map，默认为 true。
- -w 或 --watch：自动监视文件的变化并重新压缩，默认为 true。
uglifyjs-watcher 使用示例
下面是 uglifyjs-watcher 使用示例。
- 压缩单个文件
---------------- -- ------- -- -----------
在当前目录下将 main.js 压缩成 main.min.js。
- 压缩整个目录
---------------- -- ------ -- ------- --
监视 src/js 目录下所有 js 文件的变化，将压缩后的文件输出到 dist/js 目录下。
- 压缩文件并生成 source map
---------------- -- ------- -- ----------- -- --
将生成一个 main.min.js 和一个 main.min.js.map 文件。
- 启用日志功能
---------------- -- --- -- ---- -- - -------
将日志输出到 log.txt 文件中。
总结
uglifyjs-watcher 是一个非常实用的工具，它能够自动监视文件的变化并进行压缩，让我们的前端工作更加高效和自动化。希望本篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/75326