js压缩工具uglify-js--nodejs常用模块（3）

模块介绍

uglify-js是主流的js合并压缩工具，jquery现在用的就是这个工具。
支持功能有：文件的合并，生产map文件，去注释去空格，混淆压缩
缺点：这个工具只针对js，至少官方没有说明支持css

说明文档

https://github.com/mishoo/UglifyJS2

demo

这里只贴了代码，具体步骤参考《js,css压缩工具yuicompressor--nodejs常用模块（1）》。

var fs = require('fs');
var uglifyjs = require("uglify-js");
var result = uglifyjs.minify("../source/test.js",{
mangle:false
});

fs.writeFile('../source/test_uglify_js.js', result.code, function(){
console.log('uglify success!');
});

从上面代码可以看出，minify函数是同步的。

minify函数参数说明

第一个参数

情况一：一段js代码 String类型，这时第二参数options里的fromString属性须要指定fromString为true。demo如下：

var result = uglifyjs.minify("var func = function(){var name = 'ppp'; alert(name);}",{
fromString:true,
mangle:false
});

情况二：文件路径 String类型，这时第二参数options里的fromString属性须要指定为为false（默认为false，这里可以不指定）。demo如下：

var result = uglifyjs.minify("../source/test.js");

情况三：文件路径的集合 Array类型，这时会合并这些文件，然后进行压缩。demo如下：

var result = uglifyjs.minify([ "../../../grunt/offline-package/Gruntfile.js", "../../../grunt/offline-package/test_glob.js"]);

第二个参数 options

fromString属性 (default false) — if you pass true then you can pass JavaScript source code, rather than file names.（见上）
mangle属性 默认为true；指定为false时，表示不进行混淆压缩
width和max-line-len属性 按照说明，这里应该是指压缩后的文件的长度。但写了demo试了下没效果
charset属性 这个属性是不存在的，yuicompressor里有这个属性，用来指定文件的解码类型，看样子uglify里做了自动识别。
outSourceMap属性 用来指定函数返回值result.map字符串转化为Object后file属性的值。demo:"out.js.map"
sourceRoot属性 用来指定函数返回值result.map字符串转化为Object后sourceRoot属性的值。 demo: "http://example.com/src"
inSourceMap属性 If you're compressing compiled JavaScript and have a source map for it, you can use the inSourceMap argument。demo：

var result = UglifyJS.minify("compiled.js", {
inSourceMap: "compiled.js.map",
outSourceMap: "minified.js.map"
});

ps: 对于后面几个属性都是和map相关的，具体的介绍可以参考：http://www.2fz1.com/?p=565