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 视为源文件,并在更改后将其热重载到应用程序中。
热重载是开发构建过程。它不是应用程序工作过程。
大家好。
我有一个简单的应用程序,它带有 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 视为源文件,并在更改后将其热重载到应用程序中。
热重载是开发构建过程。它不是应用程序工作过程。