2013-02-21 137 views
6

我有我的JavaScript代碼分成幾個文件,全部採用模塊模式(更新一個全局變量,說MyApp的,具有新功能和成員。你可以將多個文件合併成一個文件嗎?

,纔有可能將這些文件再壓縮成一個,在不損害本作用域

例子我想運行如下:

File1.js

var Module = (function(ns) { 

ns.fun1 = function() { alert('fun1'); }; 
return ns; 

})(Module || {}); 

File2.js

var Module = (function(ns) { 

ns.fun2 = function() { alert('fun2'); }; 
return ns; 

})(Module || {}); 
+3

快速SH:'貓one.js two.js三人。 js | uglifyjs -m -c -o out.min.js' – elclanrs 2013-02-21 08:31:49

+0

「這將是可能的文件運行如下成一個,而不是破壞的範圍」好了,你寫的代碼,微小犯規破壞的範圍,你的代碼呢? – mpm 2013-02-21 08:41:45

+0

@elclanrs我沒有這個'uglifyjs'應用程序,你可以發佈一個答案顯示什麼是生成的代碼?也許它與Google Closure的一樣? – 2013-02-21 09:08:23

回答

1

是的,你可以,並且是一個適合每個人的好工作方式,特別是如果有更多的開發人員參與並且對應用程序健康。

我使用縮減大小類(http://code.google.com/p/minify/)與掃描我的文件夾,併爲每個子文件夾文件(JS或CSS)的特殊配置文件(https://beat.snipt.net/minify-config-file-minify-each-folder-from-project-1-minified-file/)。 這樣,我可以讓模塊化JS或CSS文件,可以在類或普通文件進行分裂。

的關鍵是文件的順序,根據所讀文件夾的功能和操作系統類型可能會有所不同(例如PHP的readdir VS SCANDIR)

相關問題