我有一个 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-scripts
CRA 的构建中包含外部 UI 包,方法是覆盖配置以包含使用babel-loader
.
但是,当我为生产构建 CRA 应用程序并使用源映射分析器检查构建产生的包时,我总是countries
在那里找到。为什么不摇树?