跳到主要内容

vite:esbuild

2023年12月28日
柏拉文
越努力，越幸运

一、认识​

即名为 vite:esbuild 的插件，用来进行 .js、.ts、.jsx和tsx，代替了传统的 Babel 或者 TSC 的功能，这也是 Vite 开发阶段性能强悍的一个原因。

二、实现​

插件中主要的逻辑是 transformWithEsbuild 函数

三、效果​

当然，Vite 本身也导出了 transformWithEsbuild，作为一种通用的 transform 能力，你可以这样来使用:

import { transformWithEsbuild } from 'vite';

// 传入两个参数: code, filename
transformWithEsbuild('<h1>hello</h1>', './index.tsx').then(res => {
  // {
  //   warnings: [],
  //   code: '/* @__PURE__ */ React.createElement("h1", null, "hello");\n',
  //   map: {/* sourcemap 信息 */}
  // }
  console.log(res);
})