每次有代碼變更,都需要在瀏覽器自動刷新。實際上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" ]