Uglify-js Variablennamen nicht fehlerhaft

Question

Der Versuch, gute Build-Umgebung für meine JS-Bibliothek vorzubereiten. Laut Bewertungen im Internet scheint UglifyJS eines der besten Kompressionsmodule zu sein, die unter NodeJS funktionieren. Hier ist also am besten empfohlene Weg, den Code von minifying:

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 

Wie hier zu sehen ist, pro.ast_mangle(ast) sollten Variablennamen mangeln, aber es funktioniert nicht. Alles, was ich aus dieser Pipe herausbekomme, ist JavaScript-Code, ohne Leerzeichen. Zuerst dachte ich, dass mein Code nicht für die Komprimierung optimiert war, aber dann versuchte ich es mit Google Closure und bekam eine ziemlich starke Komprimierung (mit verfälschten Variablennamen und allem).

UglifyJS Experten, irgendein Hinweis darauf, was ich falsch mache?

UPDATE:

Actual Code zu groß ist hier, zu verweisen aber auch ein Ausschnitt wie diese nicht verstümmelt bekommt:

;(function(window, document, undefined) { 

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

    // ... 

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

}(window, document)); 

Dies ist, was ich (nur Räume zu bekommen und beraubt Ich schätze):

Answer 1

Ok, es scheint, dass die neueste Version von Uglify JS Mangle-Option explizit als wahr übergeben wird, sonst wird es nichts vermasseln. Wie folgt aus:

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

Standardmäßig wird Uglify nicht Toplevel-Namen mangeln, vielleicht ist das, was Sie gesehen haben?

Versuchen Sie: -mt oder --mangle-Toplevel - mangle Namen in der Toplevel-Bereich zu (standardmäßig tun wir dies nicht).

Answer 3

Variablen im globalen Gültigkeitsbereich sind für jedes andere Skript verfügbar, so dass Uglify sie ohne speziellen Schalter nicht ändert, falls sie wirklich sichtbar sein müssen. Sie können entweder -mt/toplevel switch/setting verwenden, oder, noch besser, den umweltschädlichen globalen Bereich stoppen und klar anzeigen, dass Sie nicht beabsichtigen, dass diese Variablen außerhalb gesehen werden, sondern Ihren Code in eine anonyme selbstaufrufende Funktion einrahmen als privater Bereich dienen.

Answer 4

Wenn Sie Uglify2 verwenden, können Sie TopLevel.figure_out_scope() verwenden. http://lisperator.net/uglifyjs/scope

Wenn Sie Uglify1 verwenden, ist es ein wenig komplizierter. Hier einige Code, den ich zusammen mit dem Code aus Uglify's squeeze_more.js file ändern:

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)); 
    }); 
} 

Diese über funktioniert nur auf dem globalen Funktionsaufrufen, aber es gibt Ihnen einen Rückruf, der ausgeführt wird, wenn die Wanderer einen Anruf an einem unbekannten finden (global) Methode.

Zum Beispiel angesichts der folgenden Eingabe:

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

er den Anruf bar(1) aber nichtbar(2) oder bar(3) finden würde.