本文將演示如何合并與壓縮一個基于RequireJS的項目。本文中將用到苦干個工具，這其中就包括Node.js。 因此，如果你手頭上還沒有Node.js可以點擊此處下載一個。

　　動機

　　關于RequireJS已經有很多文章介紹過了。這個工具可以將你的JavaScript代碼輕易的分割成苦干個模塊(module)并且保持你的代碼模塊化與易維護性。這樣，你將獲得一些具有互相依賴關系的JavaScript文件。僅僅需要在你的HTML文檔中引用一個基于RequireJS的腳本文件，所有必須的文件都將會被自動引用到這個頁面上.

　　但是，在生產環境中將所有的JavaScript文件分離，這是一個不好的做法。這會導致很多次請求(requests)，即使這個些文件都很小，也會浪費很多時間。 可以通過合并這些腳本文件，以減少請求的次數達到節省加載時間的目的。

　　另一種節省加載時間的技巧是縮小這些被加載文件的大小，相對小一些的文件會傳輸的更快一些。這個過程叫作最小化 (minification) ，它是通過小心的改變腳本文件的代碼結構并且不改變代碼的形為(behavior)和功能(functionality)來實現的。例如這些：去除不必要的空格，縮短(mangling，或都壓縮)變量(variables)名與函數(methods，或者叫方法)名，等等。這種合并并壓縮文件的過程叫做代碼優化( optimization)。這種方法除了用于優化(optimization)JavaScript文件，同樣適用于CSS文件的優化。

　　RequireJS有兩個主要方法(method): define()和require()。這兩個方法基本上擁有相同的定義(declaration) 并且它們都知道如何加載的依賴關系，然后執行一個回調函數(callback function)。與require()不同的是， define()用來存儲代碼作為一個已命名的模塊。 因此define()的回調函數需要有一個返回值作為這個模塊定義。這些類似被定義的模塊叫作AMD (Asynchronous Module Definition，異步模塊定義)。

　　如果你不大熟悉RequireJS或者不太明白我寫的東西 - 不要擔心。下面有一個關于這些的例子。

　　JavaScript應用程序的優化

　　在本小節中我將向大家展示如何優化Addy Osmani的TodoMVC Backbone.js + RequireJS 項目。 由于TodoMVC項目在不同的框架下包含許多TodoMVC實現，我下載了1.1.0版并提取出Backbone.js + RequireJS應用程序。點擊這里下載該應用程序并解壓下載到的zip文件。todo-mvc的解壓目錄將是我們這個例子的根目錄(root path)，從現在起我將把這個目錄引用為。

　　查看/index.html的源代碼，你會發現它僅僅包含了一個script標簽(另外一個是當你使用Internet Explorer時引用的)：

　　index.html引用腳本文件的代碼

　　?

　　其實，整個項目只需要引用require.js這個腳本文件。如果你在瀏覽器中運行這個項目，并且在你喜歡的(擅長的)調試工具的network標簽中， 你就會發現瀏覽器同時也加載了其它的JavaScript文件：

　　所有在紅線邊框里面的腳本文件都是由RequireJS自動加載的。

　　我們將用RequireJS Optimizer(RequireJS優化器)來優化這個項目。根據已下載的說明文件，找到r.js并將其復制到