1

我有一个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 包
  • 纱线分析 -分析构建并显示捆绑大小
4

0 回答 0