一款javascript模板引擎，简单，好用，支持webpack, rollup, fis和gulp

• JS原生语法，模版解析，编译，渲染
• 支持所有浏览器及Node，支持TypeScript
• 预编译支持主流打包工具
• 自定义配置、修饰符、函数
• 支持数据过滤
• 异常捕获功能
• 子模版
• 沙箱模式

template.js是比拼接字符串更好的方式

模板例子

<ul>
    <%for(var i = 0; i < list.length; i++) {%>
        <li><%:=list[i].name%></li>
    <%}%>
</ul>

数据例子

const data = {
    list: [
        {name: "yan"},
        {name: "haijing"}
    ]
};

渲染输出

<ul>
    <li>yan</li>
    <li>haijing</li>
</ul>

template.js支持多种使用方式，选择自己的方式

• 原生web与Node，可以查看 template_js
• webpack，可以查看 template-loader
• rollup，可以查看 rollup-plugin-templatejs
• fis，可以查看 fis-parser-template
• gulp gulp-templatejs
• 不支持的平台，可以自己写一个插件，请查看 @templatejs/precompiler

其他packages简介

• @templatejs/runtime template.js 的运行时，给precompiler生成的渲染函数提供运行时支持
• @templatejs/parser template.js 的模板解析器

本项目使用lerna来管理多个插件

安装lerna

$ npm install -g [email protected]

lerna常用命令

$ lerna init # 初始化
$ lerna create @templatejs/parser # 创建一个package
$ lerna add yargs --scope=@templatejs/parser # 给package安装依赖
$ lerna list # 列出所有的包
$ lerna bootstrap # 安装全部依赖
$ lerna link # 建立全部软连接
$ lerna changed # 列出下次发版lerna publish 要更新的包
$ lerna publish # 会打tag，上传git,上传npm

发布步骤，修改changelog

$ yarn test
$ yarn build
$ lerna publish

contributors

CHANGELOG.md

TODO.md

• 百度知道
• 百度经验
• 百度师傅
• 美团外卖
• 58金融
• 神州泰岳
• 优信

想了解都有谁在使用，点击这里。

• BaiduTemplate
• artTemplate
• Juicer
• handlebarsjs
• Jade
• 只有20行Javascript代码！手把手教你写一个页面模板引擎