2

我有一个 monorepo 纱线工作区项目,其中包含一个 create-react-app 应用程序和一个 UI 库。

在我的@app/ui包中,在src文件夹内,我有以下文件:

country.ts

interface Country {
  name: string;
  alpha2: string;
  alpha3: string;
  subregion: string;
}

export const countries: Record<string, Country> = {
  NZ: {
    name: 'New Zealand',
    alpha2: 'NZ',
    alpha3: 'NZL',
    subregion: 'Australia and New Zealand'
  },
};

index.ts

export * from countries.ts;

...以及从index.ts上面导出的其他文件。即使我的@app/cra应用程序具有@app/ui依赖项,并且在其文件之一中有以下代码行:

import { MyComponent } from @app/ui

我从来没有真正从countries.ts. 我使用 craco 能够在react-scriptsCRA 的构建中包含外部 UI 包,方法是覆盖配置以包含使用babel-loader.

但是,当我为生产构建 CRA 应用程序并使用源映射分析器检查构建产生的包时,我总是countries在那里找到。为什么不摇树?

4

0 回答 0