npm 包 uglifyjs-watcher 使用教程

当我们编写前端代码时，需要将代码进行压缩以达到减少文件大小，提高网页加载速度的效果。压缩代码一般使用 UglifyJS 工具。但是，每次修改代码后要重新执行命令行压缩操作，效率很低。uglifyjs-watcher 是一个热更新工具，用于自动监视文件的变化，然后自动压缩更新的文件。

什么是 uglifyjs-watcher

uglifyjs-watcher 是一个使用 Node.js 编写的 npm 包，它在文件变化后自动将指定文件压缩为一个文件。使用 uglifyjs-watcher，我们可以节省自己不少的时间，并且使代码自动化。

安装 uglifyjs-watcher

使用 npm 命令安装：

npm install uglifyjs-watcher --global

安装完成后，我们就可以在命令行中执行 uglifyjs-watcher 命令了。

uglifyjs-watcher 常用参数

1. -i 或 --input：指定源文件或目录。
2. -o 或 --output：指定输出文件或目录。
3. -m 或 --minify：启用 UglifyJS 压缩，默认为 true。
4. -s 或 --sourceMap：生成 source map，默认为 true。
5. -w 或 --watch：自动监视文件的变化并重新压缩，默认为 true。

uglifyjs-watcher 使用示例

下面是 uglifyjs-watcher 使用示例。

1. 压缩单个文件

uglifyjs-watcher -i main.js -o main.min.js

在当前目录下将 main.js 压缩成 main.min.js。

1. 压缩整个目录

uglifyjs-watcher -i src/js -o dist/js -w

监视 src/js 目录下所有 js 文件的变化，将压缩后的文件输出到 dist/js 目录下。

1. 压缩文件并生成 source map

uglifyjs-watcher -i main.js -o main.min.js -m -s

将生成一个 main.min.js 和一个 main.min.js.map 文件。

1. 启用日志功能

uglifyjs-watcher -i src -o dist -w > log.txt

将日志输出到 log.txt 文件中。

总结

uglifyjs-watcher 是一个非常实用的工具，它能够自动监视文件的变化并进行压缩，让我们的前端工作更加高效和自动化。希望本篇文章对您有所帮助！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75326