webpack-dev-server 自動刷新頁面

只需要在webpack.config.js中加入devServer: { inline: true }的配置即可。
然后命令行執(zhí)行如下命令就行了

webpack-dev-server --inline
Paste_Image.png

官方文檔如下:
http://webpack.github.io/docs/webpack-dev-server.html#additional-configuration-options

Inline mode
To use the inline mode, either
specify --inline
on the command line.
specify devServer: { inline: true }
in your webpack.config.js

This adds the webpack-dev-server client entry point to the webpack configuration. There is no change in the URL required. Just navigate to http://?host?:?port?/?path?
.
With the above configuration: http://localhost:8080/index.html
.
Config option or command line flag needed.
Status information in the console and (briefly) in the browser’s console log.
URL changes in the app are reflected in the browser’s URL bar.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容