标签：压缩 Webpack HMR Server react webpack 黑豆 tips
- 《react 使用小技巧》https://www.yuque.com/beilo/simpread/1706613177588
- 《webpack热更新原理》 https://github.com/febobo/web-interview/issues/126
Webpack Compile（webpack编译）
Bundle Server（静态资源服务器，一般是 dist/build 文件夹
HMR Server（热更新服务器
HMR Runtime（在浏览器中的 socket 服务器）
Webpack Compile后Bundle Server 会有对应的静态文件，浏览器访问其地址展示页面。HMR Runtime 和 socket 链接在这里已经创建完成。
接下来文件更新Webpack Compile 通知HMR Server 通过 socket 通知到浏览器中的HMR Runtime，接着创建一个 axios 请求到变化的内容，重新出发 render 流程
- 《webpack优化性能》 https://github.com/febobo/web-interview/issues/131 JS代码压缩 CSS代码压缩 Html文件代码压缩 文件大小压缩 图片压缩 Tree Shaking 代码分离 内联 chunk
- 《超级蔬菜配比》
3-5g姜片，2瓣大蒜，1个小青柠，1g盐，30g香菇，100g 花菜，150g 西兰花，70g熟黑豆，5g 橄榄油 5g 苹果醋，10-15g 孜然粉，50g 酸奶，250g 开水全部倒入破壁机，然后 2 分钟果蔬/奶昔模式后，拿碗装起来再撒 10g 火麻仁。
其中黑豆，香菇和花菜和西兰花要煮熟。
黑豆可以一次用电饭煲煮 500g，刚好熟黑豆 70g=生黑豆 50g
标签：压缩,
Webpack,
HMR,
Server,
react,
webpack,
黑豆,
tips
From： https://www.cnblogs.com/beilo/p/17997799