Skip to main content

README

xtemplate 经过独立化而摆脱了对 kissy 的依赖，从而可以在 kissy 升级时仍然使用老的 xtemplate，或者单独升级 xtemplate，本文介绍浏览器端单独使用 xtemplate 的几种方案

依赖库与工具​

  • gulp 项目构建工具
  • xtemplate 应用于 nodejs 构建工具以及浏览器端的模板引擎库
  • gulp-xtemplate 将指定后缀的模板文件（默认 .xtpl）编译为可加载的模块.
  • modulex 下一代独立的模块加载器
  • requirejs 流行的模块加载器

浏览器端使用​

xtemplate 以及其依赖的浏览器端库可通过 bower 安装

standalone 模式​

最简单的情况可以直接静态 xtemplate 库到页面中，直接提供模板字符串渲染即可，例如：

<script src="../bower_components/xtemplate/build/xtemplate-standalone-debug.js"></script>
<script>
    console.log(new XTemplate('{{x}}{{y}}').render({
        x: 1,
        y: 2
    }))
</script>

链接​

node.js xtpl模板的使用 中文教程 XTemplate模板学习和使用总结 XTemplate 模板语法