Mr.Yellow.Wills

本篇对 umi 项目的脚手架讲解： 开发时： 修改代码后，如何编译 修改代码后，如何实时测试效果 发布时， 修改代码后，如何编译，并发布； 如何管理版本； 示例 example；文档； 待研究为什么会利用pnpm的workplace功能，因为pnpm的workplace功能是根目录下设置的，如何影响examples\with-react-17 目录下，有兴趣可看看，到这个问题不大, ... more

umi的源码根目录下，执行pnpm doc:dev 就可以启动文档；umi的文档其实就是一个典型的umi项目；而文档的生成的核心逻辑都是基于umi的文档插件 plugin-docs 实现的。 分析umi的文档系统，可以了解惊叹于如何使用react来写一个文档系统；因为本质上是一个典型的umi项目，因此又可以了解到umi的整个核心原理或流程。 待研究参考 《api.register api.r... more

本篇对 doc 项目生成的.umi 进行分析。 待研究参考 《## umi.ts》参考 《### renderClient》 .umi 的项目结构执行 pnpm doc:dev 命令后会生成 .umi 目录 如下：12345678910111213141516$ treer -d .umi -e aa.txt.umi├─exports.ts #这个文件比较特殊 exports 是 umi 的... more

记录 各个配置对应的源码位置 参考文档待研究参考 《api.register api.registerMethod》 对象hook但是插件的代码本质其实只是调用 api 进行各种 hook 的注册，而 hook 的执行并非在此阶段执行，因此这里叫插件的注册 modifyAppData hookonCheck hookonStart hook 所以，文档中说的hook，其实就是 插件api文档... more

记录 各个配置对应的源码位置 preset-umi别名 alias1234567891011// packages\preset-umi\src\features\configPlugins\configPlugins.ts alias: { umi: '@@/exports', react:..., },memo.alias = { ... more

本篇主要讲述 umi 脚手架的npm script命令 参考文档 Node.js v16.15.0 文档 - child_process.html 待研究如下 -- --vite 的第一个多余的 – 是什么意思？1pnpm dev -- --vite 参考《 pnpm install 》 前置知识pnpm install一次给所有的packages、 example安装依赖在umi 根... more

本篇主要讲述 umi 脚手架的npm script命令 参考文档 Node.js v16.15.0 文档 - child_process.html 前置知识$ 怎么来的12// globals 函数增加了 global的$等等属性import 'zx/globals'; 模板字符串的函数调用参考 pnpm release关于 umi-scripts 命令精妙的workspace:*pn... more

参考文档 Node.js v16.15.0 文档 - child_process.html 细节发布npm的scope包只要不发布私包，不需要钱，参考 pnpm与workspace创建文件pnpm-workspace.yaml：12packages: - 'scripts' 1234// package.json "devDependencies": { "umi-s... more

源码 umi 版本为 version-4.0.0-rc.15 参考 umiumi 源码 知乎umi next 官网文档SEE Conf 《Umi 4 设计思路 - 云谦》视频 & 文字版云谦 - 蚂蚁金服前端框架探索之路SEE Conf 语雀 官网SEE Conf 官网干货分享：蚂蚁金服前端框架和工程化实践从零实现Umi3微内核框架sorryccumi3源码探究简析umi3 源码学习... more

源码 umi 版本为 version-4.0.0-rc.15 基础知识预编译 与 fatherfather 内置了 预编译； 如何集成 preset-umi123456789101112131415// packages\umi\src\service\service.ts// 这里的 super 实际上是super({ ...opts, env: proces... more