Jade 很强大的, 但是空格处理, 还有属性偏多时的写法让我不舒服,
刚好自己想尝试写个模版引擎, 就做了一个给自己用, 按 Cirru 的文法写的.
主要的功能:
* 缩进语法
* : 语法简化属性的书写
* 简化的 @ 语法, 用来处理逻辑和嵌入数据
* 嵌入文件的功能
* 做了预编译, 加快模版的执行
缺少的部分:
* 没有做命令行版本的编译工具
* 每次渲染前需要做 cache
* 详细文档.. 看视频也能了解一些
* 基于 CommonJS 规范. 没有 requirejs 等版本
使用 @
partial 和 @
insert 依赖服务端环境, 其他的浏览器环境也能跑.
代码的例子: #file-html-cirru
项目的仓库地址:
https://github.com/Cirru/cirru-html我在项目里使用的时候会用 ShellJS 脚本这样调用:
https://github.com/jiyinyiyong/dual-balanced-ternary/blob/master/make.coffee#L14cirru-html 和 Vue.js 搭配的效果是这样的:
https://github.com/jiyinyiyong/todolist/blob/master/cirru/menu.cirru另外还有个视频做了一些比较具体的介绍:
目前非常粗糙, 有想法请在 GitHub 上提 Issue, 欢迎 fork