快速构建html5,Brunch：超快的HTML5构建工具

Brunch是一个超快的HTML5构建工具。它可以：

编译你的脚本，模板，样式，链接它们，

将脚本和模板封装进common.js/AMD模块里，链接脚本和样式，

为链接文件生成源地图，复制资源和静态文件，

通过缩减代码和优化图片来收缩输出，看管你的文件更改，

并且通过控制台和系统提示通知你错误。

如何上手

安装只有一行，只要你有node.js。在你的控制台，运行：

1npminstall -g brunch

新建一个Brunch工程

1brunch new [optional-output-dir]

skeleton-URL指定了一个构架，你的app将从这个构架初始化。

参见README对于应用程序结构的完整描述。

用Brunch开发

1brunchwatch –server

让Brunch看管你的工程，当有资源文件变动的时候立即重建工程。可选服务器标记启动一个有pushState支持的简单web服务器。

如果你使用OS X 并且希望每次编译错误发生时brunch显示系统提示，你将需要安装 terminal-notifier: brew install terminal-notifier.

用Brunch构建

1brunch build –production

构建一个分布工程，通过默认它使微小成为可能。

相关文档

所有的文档在GitHub上可得。

一个快速示例

部署

Brunch-generated 应用是一群简单的静态文件。你可以在任何地方主办它们，即使是在自由的主机上，像GitHub  pages。由于生产环境通常比开发环境略有不同，brunch有生产选项。

构建一个有最小化的JS和CSS的应用，执行 brunch build –production。然后你可以部署它：

如果你使用静态托管网站：在你的机器上构建你的应用，并且仅需上传public/ directory到网络服务器提供的directory。

如果你使用支持node.js的主机，你可以再那里初始化brunch并每次自动构建应用程序。

如果你喜欢 Heroku，有一个漂亮的部署小指南。即使是在自由的实例上也有效。

如果你进到 GitHub pages，你将需要构建你的应用程序，移动public/directory到某处，切换到gh-pages git 分支，删除directory里的文件,并从你的临时目录移动文件到这里。