利用Node.js进行构建本地

      Node.js是一个基于Google Chrome浏览器v8 javascript执行引擎的异步I/O事件驱动的运行平台。直从2009年诞生开始，已经在业界得到了很多的关注，在这里也必要多说，如果你还不清楚的，请移步到Node官网。

在这里我们要讲的是用Node.js来构建本地Build。构建本地Build，我们已经有很多选择，如Ant，Maven，Gradle等。为什么我们还需要Node.js？对于我们的开发中会有一些小的基本自动化构建，如文件的监控(Less编译)，javascript的压缩，不稳定集成服务代理，快速的集成反馈，文件的迁移…而对于项目来说我并不像引入太多的技术战, Node.js所使用的javascript是做web项目开发的一门必备技能，javascript作为一门比较容易入门语言，直从第一次接触Node.js，我爱不释手，由于我对Javascript基础，能够快速使用它，并不需要付出更多的学习成本，而且我感觉在服务端和客户端用同一种语言，在能一定代码重用妙不可言。而且Node.js提供了内置的web服务器，简单的文件监听，事件机制等也为做本地Build提供了很好的条件。

1：文件监听

1. var fs = require("fs"); 
2.  
3. var exec = require('child_process').exec 
4.  
5. var underscore = require("underscore"); 
6.  
7. var configs = [ 
8.  
9.     {file:/.*\.less/g, command:" dotless.Compiler.exe style.less style.css"} 
10.  
11. ]; 
12.  
13. var source = "E:\\Project\\xxx\\style"; 
14.  
15.   
16.  
17. String.format = function () { 
18.  
19.     var s = arguments[0]; 
20.  
21.     for (var i = 0; i < arguments.length - 1; i++) { 
22.  
23.         var reg = new RegExp("\\{" + i + "\\}", "gm"); 
24.  
25.         s = s.replace(reg, arguments[i + 1]); 
26.  
27.     } 
28.  
29.   
30.  
31.     return s; 
32.  
33. }; 
34.  
35.   
36.  
37. (function (fs, exec, underscore) { 
38.  
39.     var readFiles = function (dir, done) { 
40.  
41.         var results = []; 
42.  
43.         fs.readdir(dir, function (err, list) { 
44.  
45.             if (err) return done(err); 
46.  
47.             var pending = list.length; 
48.  
49.             if (!pending) return done(null, results); 
50.  
51.             list.forEach(function (file) { 
52.  
53.                 file = dir + '/' + file; 
54.  
55.                 fs.stat(file, function (err, stat) { 
56.  
57.                     if (stat && stat.isDirectory()) { 
58.  
59.                         readFiles(file, function (err, res) { 
60.  
61.                             results = results.concat(res); 
62.  
63.                             if (!--pending) done(null, results); 
64.  
65.                         }); 
66.  
67.                     } else { 
68.  
69.                         results.push(file); 
70.  
71.                         if (!--pending) done(null, results); 
72.  
73.                     } 
74.  
75.                 }); 
76.  
77.             }); 
78.  
79.         }); 
80.  
81.     }; 
82.  
83.     var start = function (source, configs) { 
84.  
85.         var watch = function (error, list) { 
86.  
87.             configs.forEach(function (cmd) { 
88.  
89.                 var files = underscore.filter(list, function (n) { 
90.  
91.                     return n.match(cmd.file); 
92.  
93.                 }); 
94.  
95.                 files.forEach(function (file) { 
96.  
97.                     fs.watch(file, function (oper, f) { 
98.  
99.                         var changeCommand = String.format(cmd.command, f); 
100.  
101.                         console.log(String.format("{0} changed,command '{1}' execute...", f, changeCommand)); 
102.  
103.                         exec(changeCommand, function (err, stdout, stderr) { 
104.  
105.                             console.log(err ? stderr : stdout); 
106.  
107.                         }); 
108.  
109.                     }); 
110.  
111.                 }); 
112.  
113.   
114.  
115.             }); 
116.  
117.         }; 
118.  
119.         readFiles(source, watch); 
120.  
121.     }; 
122.  
123.     return {start:start}; 
124.  
125. })(fs, exec, underscore).start(source, configs); 

在这里提供的示例是Less的编译，虽然Less本也提供了Node的编译工具和watchr监听工具,但是在项目中我会监听Less文件，却只有编译几个固定的Less引导文件。同样我们可以根据不同的文件执行不同的命令实现一些自动化。如：.js文件的同步到测试目录。

2：文件的合并

如果你用jasmine运行你的Javascript测试，你需要吧js文件的测试文件引入到runner head中，我一直很懒，喜欢一键搞定的感觉。利用node.js的模板引擎。 

   3：javascript 产品包压缩

1. var FILE_ENCODING = 'utf-8'; 
2.  
3. function uglify(srcPath, jsMinPath) { 
4.  
5.     var uglyfyJS = require('uglify-js'), 
6.  
7.        jsp = uglyfyJS.parser, 
8.  
9.        pro = uglyfyJS.uglify, 
10.  
11.        ast = jsp.parse( _fs.readFileSync(srcPath, FILE_ENCODING) ); 
12.  
13.   
14.  
15.       ast = pro.ast_mangle(ast); 
16.  
17.       ast = pro.ast_a squeeze(ast); 
18.  
19.       _fs.writeFileSync(jsMinPath, pro.gen_code(ast), FILE_ENCODING); 
20.  
21.     console.log(' '+ jsMinPath +'完成.'); 
22.  
23. } 
24.  
25. uglify(js/test.js', js/test.min.js'); 

我们可以尽力发挥自己的想象，如本地Build自动运行，快速集成快速反馈；代理服务器，处理不稳定服务的集成，带来稳定的开发。。。

 本文转自 破狼 51CTO博客，原文链接：http://blog.51cto.com/whitewolfblog/1139095，如需转载请自行联系原作者