Brunch：快捷的HTML5构建工具

标签：style   blog   http   color   使用   os   strong   io   

　　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

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

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

Brunch：快捷的HTML5构建工具,布布扣,bubuko.com

Brunch：快捷的HTML5构建工具

标签：style   blog   http   color   使用   os   strong   io   

原文地址：http://www.cnblogs.com/wolm/p/3881402.html