Study-Everyday

0916 今日总结 ​

今日工作 ​

问题，原因，解决方式，优化，巧妙实现，新知识

周末快乐 😄 ，现在梳理下这几天的工作；

问题1 多项目并行如何快速切换项目和分支 ​

同事最近比较忙，遇到这样的情形：做迭代 A 的时候，上一个迭代 B 有 bug，或者 其他 C 有问题需要修复，因此需要快速切换项目；

可能是同一个项目不同分支，也可能是不同项目不同分支；他有个烦恼的点：

对于同一个项目不同分支；因为项目是 基于 webpack 的，每次切换分支需要（可能需要安装依赖）重新 启动 webpack，但是 启动速度又不是很快，等待时间很繁琐；

对于这种情况，我的想法是：

  • 最简单：建一个新的文件夹，下载这个仓库的代码，并切换分支；开一个新的 VS Code 窗口；
  • 优化 webpack 启动速度: webpack 启动速度还是慢的，只有 热更新才会快；但是他切换项目需要重启项目，自然也就只能慢了；可以考虑 开发环境使用 Vite，打包使用 rollup 或者 webpack；

同事研究的方法是，看 git 的自带一些特性能否支持；

拓展资料：

好文推荐 ​

有感好文，专题好文

TOP3 ​

英文推荐 ​

其他好文 ​

解释如下：

  • gt: 符号 > 意思：greater than
  • ge: 符号 >= 意思：greater than or equals to
  • lt: 符号 < 意思：less than
  • le: 符号 <= 意思：less than or equals to
  • eq: 符号 = 意思：equals
  • nq: 符号 != 意思：not equals

好文-项目搭建-Vite | React | Git ​

有个疑问，plugin和loader是谁先过呢？

loader是在编译模块时发挥作用，而plugins可在整个构建过程中发生作用，因此可认为loader在plugin之前执行
1. 本地开发模式支持https（可通过env进行配置）
2. 支持路由keeplive功能（forward/backward/always）
3. 增加commitlint/husky
4. 将反锁的redux-toolkit换成valtio或者zustand
5. morkjs对于生成各种动态数据很好，但是可以增加mork服务，并随着npm run dev一起启动，共享同一个端口
6. 基于node的mork服务调试不友好，可以尝试改成msw，它基于webservice，可以天然的直接的使用浏览器debug，而且支持prod构建，vitest/jest
7. 支持vscode保存时，自动执行eslint规则进行代码规范的修复
8. @vite/plugin-legacy启用后，打包会被拖的很慢，特别是巨石项目，如何替代
9. 如果第三方包中存在require，打包怎么兼容？

其实还有很多优化，暂时就不说太多了

这位大佬的 博客主页：https://juejin.cn/user/2823201591402990/posts

项目/博客推荐 ​

值得学习 作者/项目/工具等

博客 ​

建议阅读作者的这篇 【年中总结】一个人也要快乐哦 | 2023 年中总结

项目/库 ​

react18
react-router6
zustand4
vite4
axios
fakerjs
dayjs

工具-UI 模板 ​

一些优秀的 UI 设计案例作为参考，在写个人项目的时候可以作为参考；以下链接示例包括 PC / H5 端；示例丰富；

更多内容，参考：https://twitter.com/vikingmute/status/1702932788436218032

工具-提效 ​

Released under the MIT License.

Copyright © 2023-present Jsmond2016