webpack-dev-server本身就是一个小型的node.js Express服务器,具体可以学习下 express框架,我当时也是看了看开头就没再看

hot

webpac-dev-server支持Hot Module Replacement模块热替换,在文件代码变动的时候无需整个刷新页面,只把变化的部分替换掉。

inline

inline是热加载,即是代码改变重新加载页面

webpack-dev-server 本身不会刷新浏览器
webpack-dev-server —inline 刷新浏览器
webpack-dev-server —hot 重新加载改变的代码部分,不会刷新页面
webpack-dev-server —inline —hot 重新加载改变部分也会刷新页面

添加方式

(1)直接在webpack简单架构后可以在命令行中执行
webpack-dev-server —hot —inline
hot还需要在webpack.config.js添加插件配置
image.png
(2)在package.json script脚本下添加
image.png
(3)在webpack.config.js中添加
image.png