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

Question

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

注意： TSDX 是 Typescript + Rollup

我的 Monorepo 在包中有 2 个文件夹，

• 应用程序（私有） - 这是一个 CRA - 创建反应应用程序应用程序，这个应用程序正在消耗组件包
• 组件 - 这是一个使用 TSDX 进行捆绑的包

组件包有3个组件导出

• 日志一
• 日志二
• FilePreviewer 注意： FilePreviewer 组件使用的是外部包（react-pdf）

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

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

export * from "./filePreviewer";

我只在App中导入 logTwo() ，

预期行为App 应该只有 logTwo，

实际行为logTwo 并且它正在导入 FilePreviewer 依赖包（react-pdf）

我创建了一个公共 Github 存储库来复制上述场景， 单击此处获取 Github 存储库链接

要遵循的步骤

• 克隆存储库
• 纱线安装
• yarn build -构建组件包
• yarn start -启动 App 包
• 纱线分析 -分析构建并显示捆绑大小

标签： reactjswebpackrolluptree-shakingtsdx