Javascript 如何从项目中提取react和react dom

出于某些原因，我们需要减少代码库的大小。 我们需要从项目中分离出

react

，

react dom

组件。 目前，所有的东西都通过webpack捆绑到

app.js

我们如何通过将这些导入从

app.js

中分离出来并显式加载来继续使用它们

e、 g:

    <script type="text/javascript"
            src="https://~/react.js"></script>
    <script type="text/javascript"
            src="https://~/react-dom.js"></script>


    import * as React from 'react';
    import * as ReactDOM from 'react-dom';

从“React”导入*作为React；
从“react dom”导入*作为react dom；

起初的

预期结果

---

Webpack

externals

选项就是您要寻找的

---

您可以在代码中保留所有导入内容，但依赖项将由您（通过脚本标记）提供，而不是由webpack提供。

您是否使用webpack构建捆绑包？如果是这样的话，您可以研究代码拆分。我们将尝试一下。这会引起很多网页警告或打字脚本警告吗？它不应该引起网页警告，因为它是一个网页特性。Idk关于打字脚本。

        <script type="text/javascript"
            src="https://~/app.js"></script>            

    <script type="text/javascript"
            src="https://~/react.js"></script>
    <script type="text/javascript"
            src="https://~/react-dom.js"></script>

    <script type="text/javascript"
            src="https://~/app.js"></script>