現在我們對 JavaScript 模組有更多瞭解，我們已準備好深入研究 Sagan 應用程式的客戶端架構。

注意：如果您尚未閱讀之前關於 Sagan 專案的部落格文章，您應該知道這是 Spring 參考應用程式，為本部落格以及 spring.io 上的所有內容提供支援。之前的文章 展示瞭如何執行此應用程式，我們如何進行零停機部署，以及 我們如何升級 Sagan 以使用最新的 JDK8 功能。

在這篇文章中，我想介紹 Sagan 應用程式中客戶端架構的基礎知識

1. 為什麼客戶端應用程式位於單獨的 sagan-client 專案模組中？
2. 它如何與 sagan-site 模組連結？
3. npm、bower 和 gulp 是什麼？
4. 這些工具如何協同工作以構建客戶端應用程式？

為了說明所有這些，以下螢幕錄影不僅會向您展示如何新增新的 bower 依賴項並編寫一個小型新功能（網站上的鍵盤快捷鍵！），還會展示如何增強 gulp 構建（最佳化影像！）。

!{iframe src="//player.vimeo.com/video/92961329" width="640"  height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen}{/iframe}

注意：有關螢幕錄影中提到的站點的連結，請參見顯示註釋。您也可以在 vimeo 上觀看此高畫質螢幕錄影。

對 npm、bower 等感興趣？ Spring.io 有一篇不錯的文章：“瞭解 JavaScript 包管理器”。

SpringOne 2GX 2014 即將到來

今年的 SpringOne 將於 9 月 8-11 日在德克薩斯州達拉斯舉行，並且 超級早鳥註冊現已開放。我們希望在那裡見到你！