brunch/jade 单页客户端应用

Question

有没有人知道如何使用 brunch/jade 开发本地（仅限客户端！）应用程序？我想要什么：我不需要服务器，我想创建一个 "application"，意思是一个简单的 "web page"，即运行在 USB 记忆棒上完全离线。理想情况下，它将包含一个html、一个css和一个js文件.

这可以用 b运行ch 和 jade 来完成吗？我并没有真正获得 jade/brunch 连接 - 我的应用程序现在使用由 jade 模板制作的静态 html 页面。但我更想要的是 "concatenate" 所有 html 到一个文件中，该文件由 javascript 动态加载内容。内容完全静态，无需数据库

我知道 b运行ch 是如何工作的（已经有了一个项目）。我不知道的是：如何在没有服务器端部分的情况下管理单页站点内的链接和路由？我需要一个 Js 库吗？

欢迎任何提示。

Answer 1

是的，有可能。

这里有很多骷髅：http://brunch.io/skeletons.html。我们可以选择多种骨架。

所以你想用 brunch with jade。似乎 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

糟糕，翡翠抱怨。只需在 app/index.static.jade 中将 !!! 5 修改为 document html。然后再次 brunch watch --server，现在我们可以在 http://localhost:3333 处看到 Brunch-jade-stylus 的空白页。如果要换sass而不是手写笔，需要在package.json.

中使用sass-brunch

Answer 2

是的。您可能会编译 2 个脚本，app.js 和 templates.js.

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

brunch/jade 单页客户端应用

brunch/jade single page client-only app

html

client

brunch

pug