我正在學習React,我正在使用create-react-app來運行它,它允許我編輯名爲App.js的文件中的文本,並且當我在該文件中保存地址爲http://localhost:3000/的網頁自動更新而不重新加載。通常,在製作html /純js文件時,我需要重新加載頁面。那麼它是如何動態更新自身的呢?熱重裝如何工作?
Q
熱重裝如何工作?
0
A
回答
1
有一個概念Hot Reloading。熱重新加載背後的想法是讓應用程序繼續運行,並注入在運行時編輯的文件的新版本。它利用HMR,無需重新加載頁面,就地替換已更改的組件,保持狀態。這意味着,你的改變將在大約半秒鐘內可見;如果是對話框,則不需要重新打開它,文本輸入保持填充狀態等。簡而言之,迭代開發可以讓您花更少的時間等待應用程序重新加載。您可以查找更多詳細信息here
1
1
這其實不是一個獨立的東西。
發生這種情況是因爲反應使用webpack dev服務器,如果您進行任何更改,它將重新加載軟件包。
如果您想要做同樣的事情,您需要設置本地服務器並始終在同一臺服務器上進行編輯。 browserSync也是一個選項,但您需要使用nodejs然後
相關問題
- 1. 如何用熱重裝
- 2. 使用彈簧不能正常工作的熱重裝
- 3. Golang插件熱重裝
- 4. Webpack-dev-server不熱重裝
- 5. 活重裝,熱重裝和熱模塊更換的概念區別是什麼?
- 6. Tomcat熱部署不工作
- 7. 重載operator []如何工作?
- 8. URL重寫如何工作?
- 9. URL重寫如何工作?
- 10. 如何重新包裝與Android工作室
- 11. RStudio更新到0.99.878後,重要的熱鍵無法工作
- 12. 安卓:重裝活動(singleTask)不工作
- 13. datatable重新安裝不工作在jQuery
- 14. 不工作重裝數據的CollectionView
- 15. 分頁不工作在GridMvc其重裝
- 16. 反應熱裝載機仍然重裝不HMR
- 17. 如何熱重啓android設備
- 18. 春:我如何熱重載資源ReloadableResourceBundleMessageSource
- 19. Groovy熱插拔代理「gragent.jar」如何在Intellij Idea中工作?
- 20. 如何讓intellij中的Groovy熱切換工作?
- 21. 如何重裝
- 22. 的WebPack-DEV-服務器用熱重裝重裝整個頁面的CSS改變
- 23. 裝載系統調用如何工作?
- 24. bash如何用\工作包裝?
- 25. 這件裝配件如何工作?
- 26. 如何裝載持久工作流
- 27. 新包裝如何在JavaScript中工作?
- 28. es6中的裝飾工作如何?
- 29. 角方法裝飾器如何工作?
- 30. 單擊安裝程序如何工作?工作計劃建議
webapp創建套接字連接並偵聽文件更改(使用瀏覽器控制檯進行檢查)。對每一次熵變都會重新加載。 – marmeladze
當你在你的機器上運行本地服務器時,它使用IP「127.0.0.1」,也稱爲「本地環回」。通常,這個IP在主機文件中映射到'localhost'。現在當你運行你的服務器時,你指定了一個它應該監聽的端口,因此你的url是'http:// localhost:3000' – Rajesh
可能重複:https://superuser.com/questions/321734/how-確實,本地主機-127-0-0-1工作 – Rajesh