用TSDX摇树-带汇总的打字稿

时间:2020-07-14 20:23:04

标签: reactjs webpack rollup tree-shaking tsdx

我有一个 Monorepo ,它是使用纱线工作区创建的,并与 TSDX 捆绑在一起。

注意:TSDX是打字稿+汇总

我的Monorepo包中有2个文件夹,

  • 应用(专用)-这是一个CRA-创建react应用应用,此应用正在使用Components包
  • 组件-这是一个使用TSDX进行捆绑的程序包

组件包中已导出3个组件

  • logOne
  • logTwo
  • FilePreviewer 注意: FilePreviewer组件正在使用外部软件包(react-pdf)

从组件包中导出的文件具有以下代码

export function logOne () {
  return "Rendered logOne()";
}
export function logTwo() {
  return "Rendered logTwo()";
}

export * from "./filePreviewer";

我仅在 App

内导入logTwo()

预期的行为,应用应仅包含logTwo,

实际行为 logTwo,它正在导入FilePreviewer依赖包(react-pdf)

我创建了一个公共的Github存储库来复制上述场景, Click here for Github repository link

要关注的步骤

  • 克隆存储库
  • 纱线安装
  • 构建纱线-构建组件包
  • 启动纱线-启动应用程序包
  • 纱线分析-分析构建并显示捆绑包大小

0 个答案:

没有答案