Webpack热刷新与热加载的区别
Webpack 的热刷新和热加载，真的是前端开发中的效率利器，适合你这种动不动就改两行代码还要跑整个页面的场景。
热刷新的特点挺简单粗暴——你一改代码，页面直接整体刷新，状态全没了，输入框也清空，像手动点了刷新按钮，适合调结构或布局那种。
热加载就高级点了，它只更新你改动的那部分，页面状态还能保留，比如你在表单里输了一半，不会突然消失。开发体验好多，尤其在做 SPA 或调交互的时候，真香。
要启用热加载，Webpack里得配上HotModuleReplacementPlugin，React 项目还可以加个react-hot-loader，入口文件里用一下hot函数，改起来丝滑。
Vue CLI就更省事了，自带热加载，基本不用你折腾，只要项目是基于 CLI 脚手架的，开箱即用。
不过，热加载想用得顺，代码得是模块化的，不然插件也没法精确更新，别偷懒，结构清晰点还是必要的。
如果你还在手动刷页面或者状态老是丢，不妨上手玩下热加载，调试体验提升不是一点点。
文件大小：68.34KB
评论区