3.1.4 • Published 6 months ago
esbuild-plugin-templatejs v3.1.4
esbuild-plugin-templatejs
template.js的 esbuild 编译插件。
安装
$ npm install --save @templatejs/runtime # 安装template运行时
$ npm install --save-dev esbuild-plugin-templatejs # 安装template编译插件
配置
配置参数同template.js参数一样,其中 expression 参数会作为获取 template 的表达式。
这里有一个通过 tempalte cli 创建的 vue 项目的示例:
https://github.com/yanhaijing/template.js/tree/master/packages/cli/template/esbuild/base
在esbuild配置文件,添加如下内容:
import * as esbuild from 'esbuild';
import templatejs from 'esbuild-plugin-templatejs';
await esbuild.build({
entryPoints: ['./src/app.js'],
bundle: true,
outfile: './dist/index.js',
plugins: [
templatejs({
sTag: '<%',
eTag: '%>',
expression: 'require("@templatejs/runtime")',
}),
],
});
新建模版文件 demo.tmpl
<div><#=abc#></div>
在 js 中import
模版文件,并渲染
import tpl from './demo.tmpl';
document.getElementById('test').innerHTML = tpl({ abc: 'yanhaijing' });
贡献者列表
:gear: 更新日志
:airplane: 计划列表
3.1.2-alpha.0
6 months ago
3.0.0-alpha.0
6 months ago
3.1.4
6 months ago
3.1.3-alpha.0
6 months ago
3.1.0-alpha.0
6 months ago
2.8.1
7 months ago
2.8.0
8 months ago
2.7.0
8 months ago