483 - 《TNF 开发笔记 05：0.1.0、changesets、preview、generate、preload》

1、0.1.0 发布。

今天（2024.11.07）上午在完成了 Roadmap 中 0.1.0 的功能后，发布了 0.1.0。目前功能已经初具雏形，如果你有新的 SPA 项目想找个框架尝鲜，建议试试 TNF，已经可以用起来了。包含 route、build、dev、create、preview、generate、config 等。

如果你想上手，可以这么操作。

$ pnpx @umijs/tnf create myapp --template=simple
$ cd myapp
$ pnpm i

然后可以用 tnf generate 生成页面。

$ npx tnf generate page foo

然后可以本地 dev 或 build，build 之后可以用 preview 在本地预览效果。

$ pnpm dev
$ pnpm build
$ pnpm preview

2、changesets 社区用的很广，不过我还是第一次在自己 owner 的项目里用，详见恨晚。

changesets 的使用分三步，1）提 pr 或 commit 时执行 npx changeset 在 .changeset 目录生成 changelog，2）每个 PR 合并之后会自动提一个 PR（如果有 PR 会更新 PR），3）发布之前合并 PR 更新 changelog 到 master。

注：changesets 也可以自动做发布，参考 https://github.com/changesets/action?tab=readme-ov-file#with-publishing 。

3、preview 是在本地预览构建产物的功能。通常是 build