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