2024年 3月
 123
45678910
11121314151617
18192021222324
25262728293031

近期发布

近期评论

    2024 年 3 月 29 日

    Neusofts

    科技改变生活,创新引领未来

    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/