如何从项目中提取反应和反应

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 $scope.saude = function(idSistemaSelecionado) { idEntidadeSelecionada = $location.$$search.dataBase; $q.when(); if(idSistemaSelecionado ==502){ location.href = "arrecadacao/producaoPrimaria/producaoPrimaria?dataBase=" + idEntidadeSelecionada + "&app=" + idSistemaSelecionado; } }; 选项正是您所需要的。

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

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