早午餐/玉石单页客户端应用程序

时间:2015-02-24 09:01:30

标签: html client pug brunch

有没有人知道如何用brunch / jade开发本地(仅限客户端!)应用程序?我想要的是:我不需要服务器,我想创建一个“应用程序”,这意味着一个简单的“网页”在usb棒上完全脱机运行。理想情况下,它包含一个html 一个css 一个js文件

这可以用早午餐和玉石来完成吗? 我没有真正得到玉/早午餐连接 - 我现在使用我的应用程序使用由玉模板制作的静态html页面。但我更想要的是将所有html“连接”到一个文件中,该文件通过javascript动态加载内容。内容完全是静态的,不需要数据库。

我知道早午餐是如何运作的(已经有了一个项目)。我不知道的是:如何在没有服务器端部件的情况下管理单页面站点内的链接和路由?我需要一个Js库吗?

欢迎任何提示。

2 个答案:

答案 0 :(得分:1)

是的,这是可能的。

这里有很多skeltons:http://brunch.io/skeletons.html。我们可以选择多种类型的骨架。

所以你想用玉石做早午餐。 似乎https://github.com/TessaHarmon/brunch-jade-stylus是最低的。

$ brunch new gh:TessaHarmon/brunch-jade-stylus new-application
$ cd new-application
$ brunch watch --server
24 Feb 10:14:05 - info: application started on http://localhost:3333/
24 Feb 10:14:05 - info: compiled 4 files into 2 files, copied index.html in 357ms

/Users/banyan/tmp/new-application/node_modules/static-jade-brunch/node_modules/jade/lib/runtime.js:231
  throw err;
        ^
Error: app/index.static.jade:1
  > 1| !!! 5
    2| // if IE 6
    3|   <html id="ie6" lang="en">
    4| // if IE 7

Woops,玉抱怨道。只需将!!! 5修改为document html中的app/index.static.jade即可。然后再次brunch watch --server,现在我们可以在http://localhost:3333看到Brunch-jade-stylus的空白页面。如果您想更改sass而不是手写笔,则需要在sass-brunch中使用package.json

答案 1 :(得分:1)

是。您可能会编译2个脚本,app.jstemplates.js

您需要编写或包含客户端路由器; jkingyens/brunch-dutch-baby使用Jade + Backbone.Router