Brunch

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

• 编译你的脚本，模板，样式，链接它们，
• 将脚本和模板封装进common.js/AMD模块里，链接脚本和样式，
• 为链接文件生成源地图，复制资源和静态文件，
• 通过缩减代码和优化图片来收缩输出，看管你的文件更改，
• 并且通过控制台和系统提示通知你错误。

 

如何上手

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

npm install -g brunch

 

新建一个Brunch工程

brunch new [optional-output-dir]

 

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

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

 

用Brunch开发

brunch watch –server

 

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

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

 

用Brunch构建

brunch build –production

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

 

相关文档

所有的文档在GitHub上可得。

 

一个快速示例

有关开始使用Brunch的更多资讯，参见 the article 或者the introductory video and screencast:

 

部署
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里的文件,并从你的临时目录移动文件到这里。

 

项目主页：http://brunch.io/

———— End ————