Uglify-js 不会破坏变量名

Question

尝试为我的 js 库准备良好的构建环境。根据网络上的评论，UglifyJS 似乎是最好的压缩模块之一，在 NodeJS 下工作。所以这里是压缩代码的最佳推荐方法：

var jsp = require("uglify-js").parser;
var pro = require("uglify-js").uglify;

var orig_code = "... JS code here";
var ast = jsp.parse(orig_code); // parse code and get the initial AST
ast = pro.ast_mangle(ast); // get a new AST with mangled names
ast = pro.ast_squeeze(ast); // get an AST with compression optimizations
var final_code = pro.gen_code(ast); // compressed code here

如此处所见，pro.ast_mangle(ast) 应该修改变量名，但事实并非如此。我从这个管道中得到的只是 javascript 代码，没有空格。起初我认为我的代码没有针对压缩进行优化，但后来我用Google Closure 进行了尝试，得到了相当大的压缩（变量名和所有内容都被破坏了）。

UglifyJS 专家，有什么提示我做错了吗？

更新：

实际代码太大，无法在此处引用，但即使是这样的 sn-p 也不会被破坏：

;(function(window, document, undefined) {

    function o(id) {
        if (typeof id !== 'string') {
            return id;  
        }
        return document.getElementById(id);
    }   

    // ...

    /** @namespace */
    window.mOxie = o;

}(window, document));

这就是我得到的（我猜只有空格被剥离）：

(function(window,document,undefined){function o(id){return typeof id!="string"?id:document.getElementById(id)}window.mOxie=window.o=o})(window,document)

Answer 1

好的，最新版本的 Uglify JS 似乎需要将 mangle 选项显式传递为 true，否则它不会损坏任何东西。像这样：

var jsp = require("uglify-js").parser;
var pro = require("uglify-js").uglify;

var orig_code = "... JS code here";
var options = {
    mangle: true
};

var ast = jsp.parse(orig_code); // parse code and get the initial AST
ast = pro.ast_mangle(ast, options); // get a new AST with mangled names
ast = pro.ast_squeeze(ast); // get an AST with compression optimizations
var final_code = pro.gen_code(ast); // compressed code here

Answer 2

默认情况下 uglify 不会破坏顶级名称，也许这就是你所看到的？

尝试： -mt 或 --mangle-toplevel — 也在顶层范围内修改名称（默认情况下我们不这样做）。

Answer 3

如果您使用的是 Uglify2，则可以使用 TopLevel.figure_out_scope()。 http://lisperator.net/uglifyjs/scope

如果您使用的是 Uglify1，它会稍微复杂一些。这是我通过修改Uglify's squeeze_more.js file中的代码拼凑起来的一些代码：

function eachGlobalFunctionCall(ast, callback) {
  var w = uglify.uglify.ast_walker(),
      walk = w.walk,
      MAP = uglify.uglify.MAP,
      scope;

  function with_scope(s, cont) {
    var save = scope, ret;
    scope = s;
    ret = cont();
    scope = save;
    return ret;
  }

  function _lambda(name, args, body) {
    return [ this[0], name, args, with_scope(body.scope, curry(MAP, body, walk)) ];
  }

  w.with_walkers({
    "function": _lambda,
    "defun": _lambda,
    "toplevel": function(body) {
      return [ this[0], with_scope(this.scope, curry(MAP, body, walk)) ];
    },
    "call": function(expr, args) {
      var fnName = expr[1];

      if (!scope.has(fnName)) {    // <--- here's the important part
        callback(fnName, args, scope);
      }
    }
  }, function() {
    return walk(uglify.uglify.ast_add_scope(ast));
  });
}

上面的这个仅适用于全局函数调用，但它会为您提供一个回调，该回调会在 walker 找到对未知（全局）方法的调用时执行。

例如，给定以下输入：

function foo () {
  bar(1);
  (function () {
    function bar() { }
    bar(2);
    (function () {
      bar(3);
    }());
  }());
}

它会找到电话 bar(1) 但不会 bar(2) 或 bar(3)。

Answer 4

全局范围内的变量可用于任何其他脚本，因此 Uglify 不会在没有特殊开关的情况下更改它们，以防您真的需要它们可见。您可以使用-mt/toplevel 开关/设置，或者，更好的是，停止污染全局范围并明确表明您不打算让这些变量在外部看到，而是将您的代码框架化为匿名自调用将用作私有作用域的函数。