Skip to content

wood3n/bundleless-test

Repository files navigation

bundleless-test

bundleless 也就是不 bundle,不对 "dependencies" 以及 "peerDependencies" 下的第三方依赖进行打包处理,仅对项目的模块进行转换处理。

以下对一些工具进行 bundleless 打包测试,模块代码包含 react 组件和普通的 ts 代码。

esbuild

⭐⭐⭐

  1. 不支持生成 umd 格式产物;
  2. 不支持配置文件配置;
  3. bundleless 打包需要设置bundle:false,同时指定entry为文件夹,entry支持 glob 匹配,对于不想转换的模块可通过 glob 忽略。
  4. 不支持生成 ts 类型定义文件,可以使用tsc --project [tsconfig.json]来生成。

unbuild

⭐⭐⭐

  1. 基于 esbuild,不支持生成 umd 格式产物;
  2. 配置有点乱,对 jsx 转换无法读取到 tsconfig 里面的配置,都转换成了React.createElement

tsup

⭐⭐⭐⭐

  1. 基于 esbuild 编译代码,不支持生成umd产物;
  2. bundleless 打包需要设置bundle:false,同时指定entry为文件夹,entry支持 glob 匹配,对于不想转换的模块可通过 glob 忽略。

@modern-js/module-tools

⭐⭐⭐⭐⭐

  1. esmcjs产物基于 esbuild 编译代码,umd产物时会使用 swc;
  2. 配置简单,上手即用,提供的buildPreset就能满足打包需求,无需编写额外的 nodejs 文件处理代码。