熱更新-自動刷新瀏覽器


一、在Vue、react項目開發中集成了基於webpack的熱更新,使用gulp等構建工具也會有類似熱更新機制。

二、在vscode中可安裝 Live Server插件   建議使用

三、在webstrom系列可安裝Live Edit插件,需要在瀏覽器安裝 JetBrains IDE support   不建議使用

四、使用--Live.js    不建議使用

  1. 官網--http://livejs.com/    github--https://github.com/Q42/LiveJS

  2. Live.js是一個插件庫,使用時直接引入html中即可,默認檢測html、css、js,可以在源文件中配置其他的文件后綴來檢測比如jsp、php等文件都可以

  3. 不支持直接打開的file協議文件,需要在編輯器中打開才有http協議

  4. 編輯文件后點擊瀏覽器會自動刷新(適用於大部分開發者),在編輯器(idea)中 ctrl+s 后瀏覽器也會自動刷新(適用於分屏的開發者,不需要鼠標去點擊瀏覽器)

  5. 適用於全局配置的開發環境,部署生產環境時手動注釋即可

  6. 需要配置的話可以下載到本地引用,不需要配置的話直接引用官網的即可  <script src="http://livejs.com/live.js"></script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM