JavaScript Template Engine
npm install @karinjs/art-template

art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。
本项目是对原 art-template 的重新打包优化版本,使用 vite 进行构建,大幅减小了包体积和依赖数量。
1. 拥有接近 JavaScript 渲染极限的的性能
2. 调试友好:语法、运行时错误日志精确到模板所在行
3. 支持 Express、Koa、Webpack
4. 支持模板继承与子模板
5. 浏览器版本仅 6KB 大小
6. 零依赖,包体积小(从原版的 8.3MB 减小到 382KB)
7. 对源代码无任何修改,发布到npm上的所有操作均由github actions自动完成
8. 仅支持 ESM 格式
``bashnpm
npm install @karinjs/art-template
$3
如果你正在从原版 art-template 升级,可以使用包别名方式安装,这样无需修改任何代码:
`bash
npm 别名安装
npm install art-template@npm:@karinjs/art-templateyarn 别名安装
yarn add art-template@npm:@karinjs/art-templatepnpm 别名安装
pnpm add art-template@npm:@karinjs/art-template
`或者在
package.json 中配置别名:`json
{
"dependencies": {
"art-template": "npm:@karinjs/art-template"
}
}
`然后执行安装命令:
`bash
npm install
或
yarn
或
pnpm install
`优化对比
| 指标 | 原版 art-template | @karinjs/art-template |
| -------- | ----------------- | --------------------- |
| 包体积 | 8.3MB | 382KB |
| 依赖数量 | 33个 | 0个 |
| 模块格式 | CommonJS/UMD | 仅 ESM |
数据来源:pkg-size.dev/art-template
版本更新
- 2025-03-29:
- 使用 tsup 重新打包
- 移除所有外部依赖
- 减小包体积
- 讨厌
ci每次碰到ci都会发生不幸...
- 2025-04-14:
- 将tsup修改为使用vite
- 仅支持 ESM 格式: 实现原理为先把art-template打包成单个cjs文件,随后对cjs文件进行二次打包成esm`