前言

老項目用的webpack2,有瀏覽器刷新開發(fā)起來方便多了

解決

單頁面的

entry: [// 給webpack-dev-server啟動一個本地服務(wù)，并連接到8080端口'webpack-dev-server/client?http://localhost:8080',// 給上面啟動的本地服務(wù)開啟自動刷新功能，'only-dev-server'的'only-'意思是只有當(dāng)模塊允許被熱更新之后才有熱加載，否則就是整頁刷新'webpack/hot/only-dev-server',// webpack的入口文件，注意這個聲明必須寫在上面兩個后面，webpack-dev-server才有效'./webpack.entry.js'],plugins: [new webpack.HotModuleReplacementPlugin(),]

多頁面

entry: {index: ['webpack/hot/dev-server', 'webpack-dev-server/client?http://localhost:8088', './src/components/index/app.js'],setting: './src/components/setting/app.js',order: './src/components/order/app.js' }, plugins: [new webpack.HotModuleReplacementPlugin() ]

參考文章

• https://github.com/kingvid-chan/webpack2-lessons/tree/master/lesson2
• https://github.com/jawil/webpack2/blob/master/webpack%E7%AE%80%E4%BB%8B%E4%B8%8E%E4%BD%BF%E7%94%A8.md

總結(jié)

以上是生活随笔為你收集整理的webpack2配置浏览器自动刷新的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。