现在我们对 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 日在德克萨斯州达拉斯举行，并且 超级早鸟注册现已开放。我们希望在那里见到你！