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盐，50g香菇，150g 花菜，250g 西兰花，90g熟黑豆，5g 橄榄油 5-15g 苹果醋，10g 孜然粉，10g 火麻仁，10g 黑巧克力（100%）食材全部放入后，开水倒入破壁机至 500（比较干，要用勺子吃）-800（比较稀，能直接喝）ml，然后 2 分钟奶昔模式。
   其中熟黑豆｜香菇｜花菜｜西兰花｜姜片｜大蒜｜青柠，要煮7-10 分钟。
   黑豆可以一次用电饭煲煮 500g，刚好熟黑豆 90g=生黑豆 45g

新步骤：
破壁机前一天晚上预约 25g 黑豆+400ml 水，豆浆模式。
第二天起床将 50g香菇，150g 花菜，250g 西兰花，3-5g姜片，2瓣大蒜，1个小青柠放入电饭煲，使用蒸煮模式 15 分钟后取出。放入破壁机。
加入 1g盐 10g 橄榄油 5-15g 苹果醋，5g 孜然粉，5g 火麻仁，10g 黑巧克力（100%）食材全部放入破壁机。
接着使用 2 次奶昔模式。
破壁机型号：美的无罩安睡 1.75L MJ-PB10S36。容量大小一定要超过 1.5L。