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

Question

出于某些原因，我们需要减小代码库的大小。我们需要从我们的项目中分离出react和react-dom组件。目前，所有的东西都是通过webpack捆绑进app.js的。

我们如何通过将这些导入从app.js中分离出来并显式地加载它们来继续使用它们？

例如：

    <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';

原创

        <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>

Answer 1

您正在寻找的就是Webpack的externals选项。

https://webpack.js.org/configuration/externals/

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