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

React+webpack+react-hot-loader dynamically json loading in table in production

大家好。

我有一个简单的应用程序,它带有 React+Webpack2+react-hot-loader,显示 Json 文件中的数据 table。

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

当我开始 "webpack-dev-server" 时,table 显示的所有信息都在不刷新整个页面的情况下动态变化,当 "last.json" 被另一个应用程序覆盖时。

我使用的是 GitHub react-hot-boilerplate and already read WebPack off doc about HMR 中的示例,它表示:

The Hot Module Replacement functionality is not intended for use in production. You should only use it in your development configuration/environment.

问题:我能否使用热加载程序或仅通过 ajax 在生产环境中实现此行为?

或者我需要开始在后端使用“动态更改存储”的 Redux?
现在我使用 php 后端和 API 作为 React 的前端,我认为这足以完成我的任务。我错了吗?

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

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

热重载是开发构建过程。它不是应用程序工作过程。