写了个 rollup 小插件， rollup-plugin-esbuild-transform

用 esbuild 在 rollup 构建中转译 Javascript, TypeScript, JSX, JSON 等文件内容类型, 支持 esbuild Transform API 所有的选项。

项目仓库

rollup-plugin-esbuild-transform

为什么

esbuild 在打包时有一些问题，比如从去年至今依然没有修复的 #475。

EGOIST 大佬写的 rollup-plugin-esbuild 很棒，但是如果需要多个 loader 每个不同选项就有些麻烦, 而且不知为什么没有暴露出 esbuild.transform 完整的 API.

示例

// rollup.config.js import esbuild from 'rollup-plugin-esbuild-transform' export default { plugins: [ esbuild([ { loader: 'json', minifyWhitespace: true }, { loader: 'ts' }, { loader: 'tsx', banner: "import * as React from 'react'" }, { loader: 'js', include: /\.[jt]sx?$/, target: 'es2017' } ]) ] } 

include 选项

默认值为 new RegExp(`\\.${loader === 'js' ? '(?:js|cjs|mjs)' : loader}$`)

如果一个文件被多个选项匹配 (像上面的例子中), 除了 loader 以外的其他选项会被 Object.assign() 合并。

// 比如文件 index.tsx [ { loader: 'tsx', banner: "import * as React from 'react'" }, { loader: 'js', include: /\.[jt]sx?$/, target: 'es2017' } ] // 最终传到 esbuild.transform 的选项会变成 { loader: 'tsx', banner: "import * as React from 'react'", target: 'es2017' } 

exclude 选项

默认值为 /node_modules/, 优先于 include 匹配。