Javascript React如何在一个文件中处理捆绑的代码和源代码？

我希望我能清楚地说明我的观点。假设我们有一个

ui组件

库，它是一个带有捆绑代码的外部npm存储库。 然后，我在TypeScript的源文件中使用捆绑的javascript代码，例如

import * as React from 'react';
import {SomeComponent} from 'ui-components';

const MyComponent: React.FC = () => (
  <SomeComponent/>
);

import*as React from'React'；
从“ui组件”导入{SomeComponent}；
常量MyComponent:React.FC=（）=>(
);

---

既然

ui组件

代码已经以捆绑、传输的形式发送到我的

node\u模块

目录，React如何处理这种混合并正确呈现整个html结构？是否有某种内置机制允许react/babel理解源代码的哪些部分已经编译成纯javascript，以及哪些部分需要这样的步骤？老实说，我已经和React合作很长时间了，这让我很困惑。我自己也试过查看代码，但我自己无法理解，因此我将感谢您的帮助。

如果您使用

create react app

则

webpack

将绑定您的代码如果您使用

create react app

则

webpack

将绑定您的代码