摘要：譯序此前翻譯的中文文檔發布沒多久就發布了，囧，現在把本文檔也更新成版本。注意，在啟用壓縮時，因為死代碼被移除或壓縮聲明為一行，并非所有的注釋都會被保留。例如上述配置會壓縮和混淆，輸出文件和，會建立的映射。

譯者：李平海

轉載請注明原文鏈接(https://github.com/LiPinghai/... )與作者信息。

此前翻譯的UglifyJS2中文文檔發布沒多久UglifyJS3就發布了，囧，現在把本文檔也更新成UglifyJS3版本。

與UglifyJS2相比API變動較大，簡化較多，文檔也增加了不少示例。

由于webpack本身集成了UglifyJS插件（webpack.optimize.UglifyJsPlugin），其命令webpack -p即表示調用UglifyJS來壓縮代碼，還有不少webpack插件如html-webpack-plugin也會默認使用UglifyJS。因此我們其實經常要用到它，但UglifyJS本身配置較復雜/選項繁多，又沒有中文文檔，使用起來如墜云霧。鑒于此特翻譯此文，謬誤甚多，敬請斧正。

詞典：

parse       解釋
compress    壓縮
mangle      混淆
beautify    美化
minify      最小化
CLI         命令行工具
sourcemap   編譯后代碼對源碼的映射，用于網頁調試
AST         抽象語法樹
name        名字，包括變量名、函數名、屬性名
toplevel    頂層作用域
unreachable 不可達代碼
option      選項/配置
STDIN       標準輸入，指在命令行中直接輸入
STDOUT      標準輸出
STDERR      標準錯誤輸出
side effects函數副作用，即函數除了返回外還產生別的作用，比如改了全局變量
shebang     釋伴（#!）

以下為正文：

UglifyJS 是一個js 解釋器、最小化器、壓縮器、美化器工具集（parser, minifier, compressor or beautifier toolkit）。

uglify-js@3 的API 和 CLI已簡化，不再向后兼容 uglify-js@2.

UglifyJS 2.x 文檔在這里.

uglify-js 只支持 ECMAScript 5 (ES5).

假如希望壓縮 ES2015+ (ES6+)代碼，應該使用 uglify-es這個npm 包。

首先確認一直你已經安裝了最新的node.js(裝完后或許需要重啟一下電腦)

用NPM安裝CLI：

npm install uglify-js -g

用NPM下載給程序使用:

npm install uglify-js

 uglifyjs [input files] [options]

UglifyJS可以輸入多文件。建議你先寫輸入文件，再傳選項。UglifyJS會根據壓縮選項，把文件放在隊列中依次解釋。所有文件都會在同一個全局域中，假如一個文件中的變量、方法被另一文件引用，UglifyJS會合理地匹配。

假如沒有指定文件，UglifyJS會讀取輸入字符串（STDIN）。

如果你想要把選項寫在文件名的前面，那要在二者之前加上雙橫線，防止文件名被當成了選項：

 uglifyjs --compress --mangle -- input.js

  -h, --help                  列出使用指南。
                              `--help options` 獲取可用選項的詳情。
  -V, --version               打印版本號。
  -p, --parse        指定解析器配置選項:
                              `acorn`  使用 Acorn 來解析。
                              `bare_returns`  允許在函數外return。
                                              在壓縮CommonJS模塊或`.user.js `引擎調用被同步執行函數包裹的用戶腳本 時會用到。
                              `expression`  不是解析文件，二是解析一段表達式 (例如解析JSON).
                              `spidermonkey`  輸入文件是 SpiderMonkey
                                              AST 格式 (JSON).
  -c, --compress [options]    啟用壓縮（true/false）/指定壓縮配置:
                              `pure_funcs`  傳一個函數名的列表，當這些函數返回值沒被利用時，該函數會被安全移除。
  -m, --mangle [options]       啟用混淆（true/false）/指定混淆配置:
                              `reserved`  不被混淆的名字列表。
  --mangle-props [options]    混淆屬性/指定壓縮配置:
                              `builtins`  混淆那些與標準JS全局變量重復的名字。
                              `debug`  添加debug前綴和后綴。
                              `domprops`  混淆那些魚DOM屬性名重復的名字。
                              `keep_quoted`  只混淆沒括起來的屬性名。
                              
                              `regex`  只混淆匹配（該正則）的名字。
                              `reserved`  不需要混淆的名字的列表（即保留）。
  -b, --beautify [options]    是否美化輸出（true/false）/指定輸出配置：
                              `beautify`  默認是啟用.
                              `preamble`  預設的輸出文件頭部。你可以插入一段注釋，比如版權信息。它不會被解析，但sourcemap會因此調整。
                              `quote_style`  括號類型:
                                              0 - auto自動
                                              1 - single單引號
                                              2 - double雙引號
                                              3 - original跟隨原碼
                              `wrap_iife`  把立即執行函數括起來。注意：你或許應禁用壓縮配置中的`negate_iife`選項。 

 -o, --output          輸出文件路徑 (默認 STDOUT). 指定 `ast` 或
                                `spidermonkey`的話分別是輸出UglifyJS或SpiderMonkey AST。
    --comments [filter]         保留版權注釋。默認像Google Closure那樣，保留包含"@license"或"@preserve"這樣JSDoc風格的注釋。你可以傳以下的參數：
                                - "all" 保留全部注釋
                                - 一個合適的正則，如 `/foo/` 或 `/^!/`，保留匹配到的注釋。 
                                注意，在啟用壓縮時，因為死代碼被移除或壓縮聲明為一行，并非*所有*的注釋都會被保留。
    --config-file         從此JSON文件讀取 `minify()` 配置。
    -d, --define [=value] 定義全局變量。
    --ie8                       支持IE8。
                                等同于在`minify()`的`compress`、 `mangle` 和 `output`配置設置`ie8: true`。UglifyJS不會默認兼容IE8。
    --keep-fnames               不要混淆、干掉的函數的名字。當代碼依賴Function.prototype.name時有用。
    --name-cache          用來保存混淆map的文件。
    --self                      把UglifyJS本身也構建成一個依賴包
                                (等同于`--wrap UglifyJS`)
    --source-map [options]      啟用 source map（true/false）/指定sourcemap配置:
                                `base` 根路徑，用于計算輸入文件的相對路徑。
                                `content`  輸入sourcemap。假如的你要編譯的JS是另外的源碼編譯出來的。
                                假如該sourcemap包含在js內，請指定"inline"。 
                                `filename`  輸出文件的名字或位置。
                                `includeSources`  如果你要在sourcemap中加上源文件的內容作sourcesContent屬性，就傳這個參數吧。
                                `root`  此路徑中的源碼編譯后會產生sourcemap.
                                `url`   如果指定此值，會添加sourcemap相對路徑在`//#sourceMappingURL`中。
    --timings                   在STDERR顯示操作運行時間。
    --toplevel                  壓縮/混淆在最高作用域中聲明的變量名。
    --verbose                   打印診斷信息。
    --warn                      打印警告信息。
    --wrap                把所有代碼包裹在一個大函數中。讓“exports”和“global”變量有效。
                                你需要傳一個參數來指定此模塊的名字，以便瀏覽器引用。         

指定--output (-o)來明確輸出文件，否則將在終端輸出（STDOUT）

UglifyJS可以生成一份sourcemap文件，這非常有利于你調試壓縮后的JS代碼。傳--source-map --output output.js來獲取sorcemap文件（sorcemap會生成為output.js.map）。

額外選項：

--source-map filename= 指定sourcemap名字。

--source-map root= 傳一個源文件的路徑。否則UglifyJS將假定已經用了HTTPX-SourceMap，并將省略//＃sourceMappingURL=指示。

--source-map url= 指定生成sourcemap的路徑。

例如：

    uglifyjs js/file1.js js/file2.js 
             -o foo.min.js -c -m 
             --source-map root="http://foo.com/src",url=foo.min.js.map

上述配置會壓縮和混淆file1.js、file2.js，輸出文件foo.min.js 和sourcemapfoo.min.js.map，sourcemap會建立http://foo.com/src/js/file1.js、
http://foo.com/src/js/file2.js的映射。（實際上，sourcemap根目錄是http://foo.com/src，所以相當于源文件路徑是js/file1.js、js/file2.js）

假如你的JS代碼是用其他編譯器（例如coffeescript）生成的，那么映射到JS代碼就沒什么用了，你肯定希望映射到CoffeeScript源碼。UglifyJS有一個選項可以輸入sourcemap，假如你有一個從CoffeeScript → 編譯后JS的map的話，UglifyJS可以生成一個從CoffeeScript->壓縮后JS的map映射到源碼位置。

你可以傳入 --source-map content="/path/to/input/source.map"或來嘗試此特性，如果sourcemap包含在js內，則寫 --source-map content=inline。

你需要傳入--mangle (-m)來使啟用混淆功能。支持以下選項（用逗號隔開）：

toplevel — 混淆在最高作用域中聲明的變量名（默認disabled）

eval - 混淆在eval 或 with作用域出現的變量名（默認disabled）

當啟用混淆功能時，如果你希望保留一些名字不被混淆，你可以用--mangle reserved 聲明一些名字（用逗號隔開）。例如：

 uglifyjs ... -m reserved=[$,require,exports]"

這樣能防止require, exports和 $被混淆改變。

警告：這能會搞崩你的代碼。混淆屬性名跟混淆變量名不一樣，是相互獨立的。傳入--mangle-props會混淆對象所有可見的屬性名，除了DOM屬性名和JS內置的類名。例如：

// example.js
var x = {
    baz_: 0,
    foo_: 1,
    calc: function() {
        return this.foo_ + this.baz_;
    }
};
x.bar_ = 2;
x["baz_"] = 3;
console.log(x.calc());

混淆所有屬性（除了JS內置的）:

$ uglifyjs example.js -c -m --mangle-props

var x={o:0,_:1,l:function(){return this._+this.o}};x.t=2,x.o=3,console.log(x.l());

混淆除了 reserved （保留）外的所有屬性:

$ uglifyjs example.js -c -m --mangle-props reserved=[foo_,bar_]

var x={o:0,foo_:1,_:function(){return this.foo_+this.o}};x.bar_=2,x.o=3,console.log(x._());

混淆匹配regex（正則）的屬性：

$ uglifyjs example.js -c -m --mangle-props regex=/_$/

var x={o:0,_:1,calc:function(){return this._+this.o}};x.l=2,x.o=3,console.log(x.calc());

混用多個混淆屬性選項：

$ uglifyjs example.js -c -m --mangle-props regex=/_$/,reserved=[bar_]

var x={o:0,_:1,calc:function(){return this._+this.o}};x.bar_=2,x.o=3,console.log(x.calc());

為了混淆正常使用，我們默認避免混淆標準JS內置的名字（--mangle-props builtins可以強制混淆）。

tools/domprops.json 里有一個默認的排除名單，包括絕大部分標準JS和多種瀏覽器中的DOM屬性名。傳入--mangle-props domprops 可以讓此名單失效。

可以用正則表達式來定義該混淆的屬性名。例如--mangle-props regex=/^_/，只混淆下劃線開頭的屬性。

當你壓縮多個文件時，為了保證讓它們最終能同時工作，我們要讓他們中同樣的屬性名混淆成相同的結果。傳入`--name-cache
filename.json`，UglifyJS會維護一個共同的映射供他們復用。這個json一開始應該是空的，例如：

$ rm -f /tmp/cache.json  # start fresh
$ uglifyjs file1.js file2.js --mangle-props --name-cache /tmp/cache.json -o part1.js
$ uglifyjs file3.js file4.js --mangle-props --name-cache /tmp/cache.json -o part2.js

這樣part1.js 和 part2.js會知曉對方混淆的屬性名。

假如你把所有文件壓縮成同一個文件，那就不需要啟用名字緩存了。

使用括號屬性名 (o["foo"])以保留屬性名(foo)。這會讓整個腳本中其余此屬性的引用(o.foo)也不被混淆。例如：

// stuff.js
var o = {
    "foo": 1,
    bar: 3
};
o.foo += o.bar;
console.log(o.foo);

$ uglifyjs stuff.js --mangle-props keep_quoted -c -m

var o={foo:1,o:3};o.foo+=o.o,console.log(o.foo);

為了混淆屬性時不至于完全分不清，你可以傳入--mangle-props debug來調試。例如o.foo會被混淆成o._$foo$_。這讓源碼量大、屬性被混淆時也可以debug，可以看清混淆會把哪些屬性搞亂。

$ uglifyjs stuff.js --mangle-props debug -c -m

var o={_$foo$_:1,_$bar$_:3};o._$foo$_+=o._$bar$_,console.log(o._$foo$_);

你可以用--mangle-props-debug=XYZ來傳入自定義后綴。讓o.foo 混淆成 o._$foo$XYZ_， 你可以在每次編譯是都改變一下，來辨清屬性名怎么被混淆的。一個小技巧，你可以每次編譯時傳隨機數來模仿混淆操作（例如你更新了腳本，有了新的屬性名），這有助于識別混淆時的出錯。

假如是通過NPM安裝的，你可以在你的應用中這樣加載UglifyJS：

var UglifyJS = require("uglify-js");

這輸出一個高級函數minify(code, options)，它能根據配置，實現多種最小化（即壓縮、混淆等）。 minify()默認啟用壓縮和混淆選項。例子：

var code = "function add(first, second) { return first + second; }";
var result = UglifyJS.minify(code);
console.log(result.error); // runtime error, or `undefined` if no error
console.log(result.code);  // minified output: function add(n,d){return n+d}

你可以通過一個對象（key為文件名，value為代碼）來同時最小化多個文件：

var code = {
    "file1.js": "function add(first, second) { return first + second; }",
    "file2.js": "console.log(add(1 + 2, 3 + 4));"
};
var result = UglifyJS.minify(code);
console.log(result.code);
// function add(d,n){return d+n}console.log(add(3,7));

toplevel選項例子：

var code = {
    "file1.js": "function add(first, second) { return first + second; }",
    "file2.js": "console.log(add(1 + 2, 3 + 4));"
};
var options = { toplevel: true };
var result = UglifyJS.minify(code, options);
console.log(result.code);
// console.log(3+7);

nameCache 選項例子:

var options = {
    mangle: {
        toplevel: true,
    },
    nameCache: {}
};
var result1 = UglifyJS.minify({
    "file1.js": "function add(first, second) { return first + second; }"
}, options);
var result2 = UglifyJS.minify({
    "file2.js": "console.log(add(1 + 2, 3 + 4));"
}, options);
console.log(result1.code);
// function n(n,r){return n+r}
console.log(result2.code);
// console.log(n(3,7));

你可以像下面這樣把名字緩存保存在文件中：

var cacheFileName = "/tmp/cache.json";
var options = {
    mangle: {
        properties: true,
    },
    nameCache: JSON.parse(fs.readFileSync(cacheFileName, "utf8"))
};
fs.writeFileSync("part1.js", UglifyJS.minify({
    "file1.js": fs.readFileSync("file1.js", "utf8"),
    "file2.js": fs.readFileSync("file2.js", "utf8")
}, options).code, "utf8");
fs.writeFileSync("part2.js", UglifyJS.minify({
    "file3.js": fs.readFileSync("file3.js", "utf8"),
    "file4.js": fs.readFileSync("file4.js", "utf8")
}, options).code, "utf8");
fs.writeFileSync(cacheFileName, JSON.stringify(options.nameCache), "utf8");

綜合使用多種minify()選項的例子：

var code = {
    "file1.js": "function add(first, second) { return first + second; }",
    "file2.js": "console.log(add(1 + 2, 3 + 4));"
};
var options = {
    toplevel: true,
    compress: {
        global_defs: {
            "@console.log": "alert"
        },
        passes: 2
    },
    output: {
        beautify: false,
        preamble: "/* uglified */"
    }
};
var result = UglifyJS.minify(code, options);
console.log(result.code);
// /* uglified */
// alert(10);"

生成警告提示：

var code = "function f(){ var u; return 2 + 3; }";
var options = { warnings: true };
var result = UglifyJS.minify(code, options);
console.log(result.error);    // runtime error, `undefined` in this case
console.log(result.warnings); // [ "Dropping unused variable u [0:1,18]" ]
console.log(result.code);     // function f(){return 5}

生成錯誤提示：

var result = UglifyJS.minify({"foo.js" : "if (0) else console.log(1);"});
console.log(JSON.stringify(result.error));
// {"message":"Unexpected token: keyword (else)","filename":"foo.js","line":1,"col":7,"pos":7}

Note: unlike uglify-js@2.x, the 3.x API does not throw errors. To
achieve a similar effect one could do the following:

var result = UglifyJS.minify(code, options);
if (result.error) throw result.error;

warnings (default false) — 傳 true的話，會在result.warnings中返回壓縮過程的警告。傳 "verbose"獲得更詳細的警告。

parse (default {}) — 如果你要指定額外的解析配置parse options,傳配置對象。

compress (default {}) — 傳false就完全跳過壓縮。傳一個對象來自定義 壓縮配置compress options。

mangle (default true) — 傳 false就跳過混淆名字。傳對象來指定混淆配置mangle options (詳情如下).

mangle.properties (default false) — 傳一個對象來自定義混淆屬性配置mangle property options.

output (default null) — 要自定義就傳個對象來指定額外的 輸出配置output options. 默認是壓縮到最優化。

sourceMap (default false) - 傳一個對象來自定義
sourcemap配置source map options.

toplevel (default false) - 如果你要混淆（和干掉沒引用的）最高作用域中的變量和函數名，就傳true。

nameCache (default null) - 如果你要緩存 minify()多處調用的經混淆的變量名、屬性名，就傳一個空對象{}或先前用過的nameCache對象。
注意:這是個可讀/可寫屬性。minify()會讀取這個對象的nameCache狀態，并在最小化過程中更新，以便保留和供用戶在外部使用。

ie8 (default false) - 傳 true 來支持 IE8.

{
    warnings: false,
    parse: {
        // parse options
    },
    compress: {
        // compress options
    },
    mangle: {
        // mangle options

        properties: {
            // mangle property options
        }
    },
    output: {
        // output options
    },
    sourceMap: {
        // source map options
    },
    nameCache: null, // or specify a name cache object
    toplevel: false,
    ie8: false,
}

這樣生成sourcemap：

var result = UglifyJS.minify({"file1.js": "var a = function() {};"}, {
    sourceMap: {
        filename: "out.js",
        url: "out.js.map"
    }
});
console.log(result.code); // minified output
console.log(result.map);  // source map

要注意，此時sourcemap并不會保存為一份文件，它只會返回在result.map中。
sourceMap.url 傳入的值只用來在result.code中設置//# sourceMappingURL=out.js.map ，filename 的值只用來在sourcemap文件中設置 file屬性(詳情看 規范)。

你可以把sourceMap.url設為true ，這樣sourcemap會加在代碼末尾。

你也可以指定sourcemap中的源文件根目錄（sourceRoot）屬性：

var result = UglifyJS.minify({"file1.js": "var a = function() {};"}, {
    sourceMap: {
        root: "http://example.com/src",
        url: "out.js.map"
    }
});

如果你要壓縮從其他文件編譯得來的帶一份sourcemap的JS文件，你可以用sourceMap.content參數：

var result = UglifyJS.minify({"compiled.js": "compiled code"}, {
    sourceMap: {
        content: "content from compiled.js.map",
        url: "minified.js.map"
    }
});
// same as before, it returns `code` and `map`

如果你要用 X-SourceMap 請求頭，你可以忽略 sourceMap.url。

bare_returns (default false) -- 支持在頂級作用域中 return 聲明。

html5_comments (default true)

shebang (default true) -- 支持在第一行用 #!command

sequences(default: true) -- 連續聲明變量，用逗號隔開來。可以設置為正整數來指定連續聲明的最大長度。如果設為true 表示默認200個，設為false或0則禁用。 sequences至少要是2,1的話等同于true（即200)。默認的sequences設置有極小幾率會導致壓縮很慢，所以推薦設置成20或以下。

properties -- 用.來重寫屬性引用，例如foo["bar"] → foo.bar

dead_code -- 移除沒被引用的代碼

drop_debugger -- 移除 debugger;

unsafe (default: false) -- 使用 "unsafe"轉換 (下面詳述)

unsafe_comps (default: false) -- 保留< 和 <=不被換成 > 和 >=。假如某些運算對象是用get或 valueOfobject得出的時候，轉換可能會不安全，可能會引起運算對象的改變。此選項只有當 comparisons和unsafe_comps 都設為true時才會啟用。

unsafe_Func (default: false) -- 當 Function(args, code)的args 和 code都是字符串時，壓縮并混淆。

unsafe_math (default: false) -- 優化數字表達式，例如2 * x * 3 變成 6 * x, 可能會導致不精確的浮點數結果。

unsafe_proto (default: false) -- 把Array.prototype.slice.call(a) 優化成 [].slice.call(a)

unsafe_regexp (default: false) -- 如果RegExp 的值是常量，替換成變量。

conditionals -- 優化if等判斷以及條件選擇

comparisons -- 把結果必然的運算優化成二元運算，例如!(a <= b) → a > b (只有設置了 unsafe_comps時才生效)；盡量轉成否運算。例如 a = !b && !c && !d && !e → a=!(b||c||d||e)

evaluate -- 嘗試計算常量表達式

booleans -- 優化布爾運算，例如 !!a? b : c → a ? b : c

typeofs -- 默認 true. 轉換 typeof foo == "undefined" 成 foo === void 0. 注意：如果要適配IE10或以下，由于已知的問題，推薦設成false 。

loops -- 當do、while 、 for循環的判斷條件可以確定是，對其進行優化。

unused -- 干掉沒有被引用的函數和變量。（除非設置"keep_assign"，否則變量的簡單直接賦值也不算被引用。）

toplevel -- 干掉頂層作用域中沒有被引用的函數 ("funcs")和/或變量("vars") (默認是false , true 的話即函數變量都干掉)

top_retain -- 當設了unused時，保留頂層作用域中的某些函數變量。(可以寫成數組，用逗號隔開，也可以用正則或函數. 參考toplevel)

hoist_funs -- 提升函數聲明

hoist_vars (default: false) -- 提升 var 聲明 (默認是false,因為那會加大文件的size)

if_return -- 優化 if/return 和 if/continue

inline -- 包裹簡單函數。

join_vars -- 合并連續 var 聲明

cascade -- 弱弱地優化一下連續聲明, 將 x, x 轉成 x，x = something(), x 轉成 x = something()

collapse_vars -- 當 var 和 const 多帶帶使用時盡量合并

reduce_vars -- 優化某些變量實際上是按常量值來賦值、使用的情況。

warnings -- 當刪除沒有用處的代碼時，顯示警告

negate_iife -- 當立即執行函數（IIFE）的返回值沒用時，取消之。避免代碼生成器會插入括號。

pure_getters -- 默認是 false. 如果你傳入true，UglifyJS會假設對象屬性的引用（例如foo.bar 或 foo["bar"]）沒有函數副作用。

pure_funcs -- 默認 null. 你可以傳入一個名字的數組，UglifyJS會假設這些函數沒有函數副作用。警告：假如名字在作用域中重新定義，不會再次檢測。例如var q = Math.floor(a/b)，假如變量q沒有被引用，UglifyJS會干掉它，但 Math.floor(a/b)會被保留，沒有人知道它是干嘛的。你可以設置pure_funcs: [ "Math.floor" ] ，這樣該函數會被認為沒有函數副作用，這樣整個聲明會被廢棄。在目前的執行情況下，會增加開銷（壓縮會變慢）。

drop_console -- 默認 false. 傳true的話會干掉console.*函數。如果你要干掉特定的函數比如console.info ，又想刪掉后保留其參數中的副作用，那用pure_funcs來處理吧。

expression -- 默認 false。傳true來保留終端語句中沒有"return"的完成值。例如在bookmarklets。

keep_fargs -- 默認true。阻止壓縮器干掉那些沒有用到的函數參數。你需要它來保護某些依賴Function.length的函數。

keep_fnames -- 默認 false。傳 true來防止壓縮器干掉函數名。對那些依賴Function.prototype.name的函數很有用。延展閱讀：keep_fnames 混淆選項.

passes -- 默認 1。運行壓縮的次數。在某些情況下，用一個大于1的數字參數可以進一步壓縮代碼大小。注意：數字越大壓縮耗時越長。

keep_infinity -- 默認 false。傳true以防止壓縮時把1/0轉成Infinity，那可能會在chrome上有性能問題。

side_effects -- 默認 true. 傳false禁用丟棄純函數。如果一個函數被調用前有一段/*@__PURE__*/ or /*#__PURE__*/ 注釋，該函數會被標注為純函數。例如 /*@__PURE__*/foo();

reserved (default [])。 傳一個不需要混淆的名字的數組。 Example: ["foo", "bar"].

toplevel (default false)。混淆那些定義在頂層作用域的名字（默認禁用）。?

keep_fnames(default false)。傳true的話就不混淆函數名。對那些依賴Function.prototype.name的代碼有用。延展閱讀：keep_fnames 壓縮配置.

eval (default false)。混淆那些在with或eval中出現的名字。

// test.js
var globalVar;
function funcName(firstLongName, anotherLongName) {
    var myVariable = firstLongName +  anotherLongName;
}

var code = fs.readFileSync("test.js", "utf8");

UglifyJS.minify(code).code;
// "function funcName(a,n){}var globalVar;"

UglifyJS.minify(code, { mangle: { reserved: ["firstLongName"] } }).code;
// "function funcName(firstLongName,a){}var globalVar;"

UglifyJS.minify(code, { mangle: { toplevel: true } }).code;
// "function n(n,a){}var a;"

reserved (default: []) -- 不混淆在reserved 數組里的屬性名.

regex (default: null) -— 傳一個正則，只混淆匹配該正則的屬性名。

keep_quoted (default: false) -— 只混淆不在括號內的屬性名.

debug (default: false) -— 用原名字來組成混淆后的名字.
傳空字符串"" 來啟用,或者非空字符串作為debu后綴。（例如"abc", foo.bar=>foo.barabc)

builtins (default: false) -- 傳 true的話，允許混淆內置的DOM屬性名。不推薦使用。

代碼生成器默認會盡量輸出最簡短的代碼。假如你要美化一下輸出代碼，可以傳--beautify (-b)。你也可以傳更多的參數來控制輸出代碼：

ascii_only (default false) -- 忽略字符串和正則（導致非ascii字符失效）中的Unicode字符。

beautify (default true) -- 是否美化輸出代碼。傳-b的話就是設成true。假如你想生成最小化的代碼同時又要用其他設置來美化代碼，你可以設-b beautify=false。

bracketize (default false) -- 永遠在if, for,do, while, with后面加上大括號，即使循環體只有一句。

comments (default false) -- 傳 true 或 "all"保留全部注釋,傳 "some"保留部分，傳正則 (例如 /^!/) 或者函數也行。

indent_level (default 4) 縮進格數

indent_start (default 0) -- 每行前面加幾個空格

inline_script (default false) -- 避免字符串中出現中的斜杠

function f() {
    /** @preserve Foo Bar */
    function g() {
        // this function is never called
    }
    return something();
}

if (DEBUG) {
    console.log("debug stuff");
}

const DEBUG = false;
const PRODUCTION = true;
// 等等

  uglifyjs build/defines.js js/foo.js js/bar.js... -c

var result = UglifyJS.minify(fs.readFileSync("input.js", "utf8"), {
    compress: {
        dead_code: true,
        global_defs: {
            DEBUG: false
        }
    }
});

UglifyJS.minify("alert("hello");", {
    compress: {
        global_defs: {
            "@alert": "console.log"
        }
    }
}).code;
// returns: "console.log("hello");"

UglifyJS.minify("alert("hello");", {
    compress: {
        global_defs: {
            "alert": "console.log"
        }
    }
}).code;
// returns: ""console.log"("hello");"

// 例子: 只解析代碼，獲得原生Uglify AST

var result = UglifyJS.minify(code, {
    parse: {},
    compress: false,
    mangle: false,
    output: {
        ast: true,
        code: false  // optional - faster if false
    }
});

// result.ast 即是原生 Uglify AST

// 例子: 輸入原生 Uglify AST，接著把它壓縮并混淆，生成代碼和原生ast

var result = UglifyJS.minify(ast, {
    compress: {},
    mangle: {},
    output: {
        ast: true,
        code: true  // 可選，false更快
    }
});

// result.ast 是原生 Uglify AST
// result.code 是字符串格式的最小化后的代碼

    acorn file.js | uglifyjs --spidermonkey -m -c

uglifyjs file.js -m

UglifyJS.minify(code, { compress: false, mangle: true });