React:加载存储在Web服务器上的组件

时间:2017-10-21 10:34:55

标签: javascript reactjs webpack

主要问题是:ReactJs在网络服务器上加载React Component商店有什么好方法吗?

我已经达到了这个目标,但我认为我的方式不是最好的。 让我解释一下我目前的工作:

  1. 我有一个名为“仪表板”的核心项目。该核心项目具有通过XHR请求加载JavaScript的功能。请求完成后,我调用window.eval来使用此代码。

  2. 我有一个名为“todoModule”的模块。此模块是存储在Web服务器上的组件(或项目)。 todoModule会自动将自己的代码注入“仪表板”项目的导航栏。不好的是,“todoModule”捆绑了1.2MB的总大小。这太大了,无法通过XHR请求加载它。我通过webpack进行捆绑。我已经外部使用React,ReactDOM,ReactRouter等,以使用“仪表板”项目的依赖项。但它总是很大。而且“todoModule”可以拥有自己的依赖项,我不需要在核心项目中使用。

  3. 我还有另一个想法:

    1. 将所有依赖项存储在核心项目中
    2. 使用babel --outDir ./lib ./src构建模块,只编译没有依赖项的Javascript文件。编译后的文件大小为33KB。
    3. 上传网络服务器上的已编译文件。
    4. 但我不知道如何实现这些功能,模块将始终使用核心项目的依赖项。

      也许你可以帮助我或提供其他解决方案。 感谢

0 个答案:

没有答案