用 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
匹配。