react tips/webpack热更新原理/webpack优化性能/超级蔬菜配比

1. 《react 使用小技巧》https://www.yuque.com/beilo/simpread/1706613177588
2. 《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 流程
3. 《webpack优化性能》 https://github.com/febobo/web-interview/issues/131 JS代码压缩 CSS代码压缩 Html文件代码压缩 文件大小压缩 图片压缩 Tree Shaking 代码分离 内联 chunk
4. 《超级蔬菜配比》
   3-5g姜片，2瓣大蒜，1个小青柠，1g盐，30g香菇，100g 花菜，150g 西兰花，70g熟黑豆，5g 橄榄油 5g 苹果醋，10-15g 孜然粉，50g 酸奶，250g 开水全部倒入破壁机，然后 2 分钟果蔬/奶昔模式后，拿碗装起来再撒 10g 火麻仁。
   其中黑豆，香菇和花菜和西兰花要煮熟。
   黑豆可以一次用电饭煲煮 500g，刚好熟黑豆 70g=生黑豆 50g