Brunch:超快的HTML5构建工具

 ,  1

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

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

brunch-site

如何上手

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

新建一个Brunch工程

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

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

用Brunch开发

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

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

用Brunch构建

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

相关文档

所有的文档在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/

收藏

资源整理者简介:Ivy_Ling

(新浪微博:@Ivy_3372) 个人主页 · 贡献了2个资源


直接登录
最新评论

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer