React + webpack + react-hot-loader动态json在生产中加载表

时间:2017-05-20 06:02:22

标签: javascript ajax reactjs webpack webpack-dev-server

美好的一天,每个人。

我有一个简单的应用程序,使用React + Webpack2 + react-hot-loader显示来自Json文件的数据表。

import Data from '../../src/data/last.json';

当我启动“webpack-dev-server”时,所有按表显示的信息在没有完整页面刷新的情况下动态更改,当“last.json”覆盖另一个应用程序时。

我正在使用GitHub react-hot-boilerplate中的示例,并已阅读WebPack off doc about HMR,其中说明了:

  

热模块更换功能不适用于生产。您只应在开发配置/环境中使用它。

问题:我是否可以使用热加载器或仅使用ajax在生产中实现此行为?

或者我需要在后端使用“动态更改商店”开始使用Redux?
现在我在React上使用带有API的php后端,我认为这对我的任务来说已经足够了。我错了吗?

1 个答案:

答案 0 :(得分:2)

热重新加载在开发过程中是实际的,其中经常发生修改。生产中的单页应用程序加载一次,并始终在客户端工作。当您将新版本的应用程序发布到生产时,您需要以某种方式向客户端应用程序发送信号以重新加载。客户端应用程序只要适合应用程序逻辑就会执行重新加载。

每次修改后,您的json文件都会热重新加载到客户端应用程序,因为它是webpack构建和热重新加载的工作过程。通常,数据不会通过磁盘中的文件进入应用程序,而是作为服务器程序回复。并且热负载没有这种服务应用程序数据传输的可能性。您的json文件作为修改后的源文件进入应用程序。热重新加载正在考虑将您的json作为源文件,并在更改后将其重新加载到应用程序中。

热重装是开发建设过程。这不是申请工作流程。