Uglifyify 是一个基于 UglifyJS 的 Browserify 转换器，它可以将你的 JavaScript 代码压缩成更小的文件并混淆变量名。本教程将介绍如何使用这个强大的工具。
安装
首先，你需要在你的项目中安装 uglifyify。你可以使用 npm 进行安装：
npm install uglifyify --save-dev
使用
uglifyify 是一个 Browserify 转换器，因此你需要在使用 browserify 命令时添加 -t 选项来使用它：
browserify -t [ uglifyify ] main.js -o bundle.js
这里的 main.js 是你的入口文件，bundle.js 是输出文件。 -t [ uglifyify ] 表示要使用 uglifyify 转换器。
如果你需要设置选项，你可以在转换器名称后面添加一个参数对象：
browserify -t [ uglifyify --compress --mangle ] main.js -o bundle.js
其中，--compress 和 --mangle 分别表示启用压缩和混淆。
示例
下面是一个简单的例子。让我们创建一个名为 example.js 的文件，其中包含以下内容：
var foo = function (bar) {
console.log(bar);
};
foo('Hello, world!');现在，我们可以使用 uglifyify 将其压缩并混淆变量名：
browserify -t [ uglifyify --compress --mangle ] example.js -o bundle.js
输出的 bundle.js 文件内容如下：
!function(n){function t(n){console.log(n)}t("Hello, world!")}();可以看到，变量名已经被混淆，而且代码也变得更小了。
结论
uglifyify 是一个非常有用的工具，它可以帮助你轻松地压缩和混淆 JavaScript 代码。在构建前端项目时，使用它可以使你的应用程序更快、更安全，同时也可以让你的用户获得更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40745