在 Typescript/Javascript 里使用宏

[shangyes]

😂 推广一下这段时间写的一个 vite 插件，可以快速地在基于 vite 的 Typescript/Javascript 项目中编写、使用词法宏，并且宏对于最终用户是透明的，可以完全视作一个普通函数使用，有类型，无魔法。 支持宏之间的嵌套，支持宏使用另一个宏，支持宏使用 external helper 来减少展开后的代码量。

与其他成熟方案(主要是 babel-plugin-macros)的对比: https://github.com/viteland/vite-plugin-macro#-why-vite-plugin-macro

Github: https://github.com/viteland/vite-plugin-macro

文档： https://github.com/viteland/vite-plugin-macro#-documentation

NPM: https://www.npmjs.com/package/vite-plugin-macro

Demo: 基本使用 | vue 3 的 ref sugar 结合 jsx 的实现

贴两个来自 fixtures 的截图哈，可以快速看下嵌套宏的 case：

展开为

个人已经基于这个插件在某项目中编写了几十个宏，举三个可以贴项目截图的栗子。

约定式路由:

身处约定式路由下的文件可以使用相对路径获得挂载后的绝对路径:

自动管理 i18n 资源与 namespace:

---

如果有老哥感兴趣的可以试试，碰到 bug 或者需求开 issue 反馈哈，虽然这个插件从项目中独立并且完善到现在已经快两个月，在我的项目中使用良好，但是还很 naive，在此谢过啦 🤗

[runze]

很有意思，但是 babel-plugin-macros 都很难推广开，依赖 vite 的应用范围有点小。

可以用 https://github.com/unjs/unplugin 兼容其它打包工具嘛？

[shangyes]

@runze #1 其实在和 babel-plugin-macros 的对比里有提到一点是，利用模块依赖图使得开发时宏能跟随外部依赖的变化而重展开，所以在构思出一个能兼容的各个构建工具链的方案前暂时不会往这方向写 feature 哈