首页 > 代码库 > Brunch:快捷的HTML5构建工具

Brunch:快捷的HTML5构建工具

  Brunch,一个超快的HTML5构建工具。它可以(官方介绍):

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

  其实说白了就是:Brunch是一款HTML5应用软件的汇编程序,他可以适用于任何架构、数据库、编程语言,样式表,模板和后台技术。

  更关键的是他是开源的,所以小伙伴们可以开心的快速构建自己的html5应用了。

 

  安装是当仁不让的先讲了

  由于Brunch是基于nodejs的,所以肯定需要安装nodejs,还要安装npm(nodejs的包管理器),安装好这两个以后可以在命令行中执行

1 $npm install brunch

一句命令即可,也可以安装在全局环境下,只需要给install添加-g属性即可。

 

  如何copy创建新的brunch项目

1 brunch new <skeleton-URL> [optional-output-dir]

  尖括号为你想使用的框架的url链接,中括号的为选填属性,brunch现在在github上有50+的框架(这是官方统计的,我不知道....),下面我们可以举一个栗子

1 $brunch new https://github.com/monokrome/brunch-with-brunch

  但是需要注意:你要放置新项目的文件夹必须为空,否则会发生克隆失败。

 

  使用brunch开发应用

  使用命令

1 $brunch watch --server

  会打印以下内容

1 31 Jul 16:16:21 - info: application started on http://localhost:3333/2 31 Jul 16:16:21 - info: compiled 3 files into 2 files, copied 2 in 117ms

  信息内容很简单,相信大家一看知道了,就是建了一个微型的服务器,并且把该压缩的文件都压缩了。

 

===================== 持续学习中 =====================