webpack5 模塊熱更新


每次有代碼變更,都需要在瀏覽器自動刷新。實際上webpack是支持模塊熱更新的,當代碼變更后,自動刷新瀏覽器。

webpack依賴:

"webpack": "^5.23.0",
"webpack-bundle-analyzer": "^4.4.0",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.2",
"webpack-merge": "^5.7.3"

重點:在webpack.config.js文件中配置target,聲明在開發環境中執行熱更新操作。

target: process.env.NODE_ENV === 'development' ? 'web' : 'browserslist',

package.json中的browserslist保留

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]

 


免責聲明!

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



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