@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 格式

安装

# npm
npm install @karinjs/art-template

# yarn
yarn add @karinjs/art-template

# pnpm
pnpm add @karinjs/art-template

使用别名安装（兼容旧版本）

如果你正在从原版 art-template 升级，可以使用包别名方式安装，这样无需修改任何代码：

# npm 别名安装
npm install art-template@npm:@karinjs/art-template

# yarn 别名安装
yarn add art-template@npm:@karinjs/art-template

# pnpm 别名安装
pnpm add art-template@npm:@karinjs/art-template

或者在 package.json 中配置别名：

{
  "dependencies": {
    "art-template": "npm:@karinjs/art-template"
  }
}

然后执行安装命令：

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