README.md

parcel-transformer-template

template.js的 parcel v2 编译插件。

$ npm install --save @templatejs/runtime # 安装template运行时
$ npm install --save-dev parcel-transformer-template # 安装template编译插件

在 .parcelrc 中添加如下配置即可：

{
  "extends": "@parcel/config-default",
  "transformers": {
    "*.tmpl": ["parcel-transformer-template"]
  }
}

配置参数同template.js参数一样，其中expression参数会作为获取template的表达式。

可以通过template.config.json文件自定义配置，示例如下：

{
  "sTag": "<#",
  "eTag": "#>",
  "sandbox": false // 沙箱模式
}

新建模版文件demo.tmpl(后缀名必须为tmpl)

<div><#=abc#></div>

在js中import模版文件，并渲染

import tpl from './demo.tmpl';

document.getElementById('test').innerHTML = tpl({ abc: 'yanhaijing' });