Mr.Yellow.Wills

参考文档 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

往蹇来誉 田获三狐 学习历程2022-4-304月30日前主要是找视频和资源。之前算刚开始一天。 先找视频，主要目的是熟悉umi，尤其是umi的用法这次的策略是，先了解umi，了解如何使用 umi，然后再看源码； 具体实施是先看视频，但不留恋太多时间在视频上，然后快速切入 umi官网；然后看源码； 行动方针：抓住重点，放下细节，列举备忘。 umi 学的是架构，不要学细节；就算想学细节，也可以... more

黑知识为什么说webpack只能处理jswebpack的Parser内核是acorn，是用于解析js的。所以webpack只能编译处理js。node能够处理的有两种，一个是字符串，一个是buffer流，比如文件就是一个buffer流，在webpack中，处理图片文件时，会通过loader，将此图片编译为一个base64 url(也是一个字符串) 或将这个图片拷贝至dist目录，然后生成一个该... more

核心概念bootstrap runtime每个 bundle 中都有一个 webpack 引导(bootstrap) 参考。bootstrap 就是 runtime；二者都是一个意思。即： 参考123function __webpack_require__(moduleId){ //... } bootstrap 更准确的是引导的意思，参考官网bootstrap li... more

chunk调试调试技巧先打印 chunk 对象，如下， 或者按照之前的 《webpack再出发(誉)：module调试 - 调试与前言 - 说明》 的方式打印。123456789101112131415seal(callback) { buildChunkGraph( this, /** @type {Entrypoint[]} */ (this.c... more

webpack阅读经验阅读历程回顾对于webpack源码阅读，刚开始我从 手写一个webpack源码 的视频开始，收益还是挺大的；后期看了一个webpack 5 调试视频 说明，收益也不错；最后以打游击战的方式，解决 Babel options 加载的问题、 module rule exclude 问题，了解了webpack ，并以实战的方式初次阅读源码解决问题，效率低了点，但收获不错。接着... more

基础知识compiler 钩子12345678910// node_modules\webpack\lib\Compiler.js Object.keys(this.hooks).forEach((hookName)=>{ const hook = this.hooks[hookName]; if(hook.tap){ hook.tap('show',... more

往蹇来誉 田获三狐 懂webpack配置不难，但webpack升级后，旧的经验很容易出问题，且webpack像一个黑箱，难以解决。webpack配置学习三个月，升级之后又三个月，没完没了，没有尽头。为此决定一改以往学习webpack配置的策略，改为直接学习webpack调试经验以及了解其源码和原理，以便出现问题或需求，可以直抵关键，一击必中。 webpack源码学习策略为什么要学源码以前我鄙... more