首页
前端开发
Typescript
Ptah TypeScript构建工具

Ptah TypeScript构建工具

0 次浏览 0 条评论
zip
zip

ptah 的构建体验挺顺手的，尤其是你平常就用 TypeScript 写 React，那更适合不过了。它是基于 Rollup 搭的壳子，配置比 Webpack 轻，打包出来的体积也比较小。用起来蛮像是“开箱即用”的那种风格。

TypeScript 的输出清爽干净，默认就把 .d.ts、.js、.js.map 都好了。你只要关心写代码，构建交给 ptah 就行，挺省事的。

安装方式也简单：npm i ptah -D 或 yarn add ptah -D 都行。在 package.json 里加个配置，像这样：

{
  "exports": {
    ".": {
      "import": "./dist/index.module.js",
      "require": "./dist/index.js"
    },
    "./package.json": "./package.json"
  },
  "main": "dist/index.js",
  "module": "dist/index.module.js",
  "source": "src/index"
}

适合做组件库，也适合打工具函数。比如你写了一套通用的 UI 组件，ptah 能帮你把源码拆分成 ESM 和 CJS 格式，还会自动生成类型定义文件。

哦对了，它是基于 Rollup 的，如果你对 Rollup 有点了解，那调试起来会更顺手一点。想深入了解 React + TS 的构建，可以看看这篇《React 打字稿》，还蛮实用的。

如果你刚好在维护组件库，或者在做 npm 包，试试看 ptah，配置少，构建快，用起来也还蛮舒服的。

zip 文件大小：99.08KB