本文演示了如何写一个简单javascript包的类型声明文件，同时分析了axios库的类型声明文件，主要目的为了看懂ts的类型定义文件。

接上文，开始 module 构建前的 reslove 流程。目的是为了获取个 module 的相关信息及各依赖的 loader 的绝对路径。 触发 NormalModuleFactory.hooks:factory，该事件返回了一个 factory 函数。接着执行该 facto…

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

其实这篇内容就是一起学习交流一下vue-loader主流程的一些逻辑和处理方式，也希望能在检索资料时，大家能看到更多一些不同的内容或知识点，在梳理后也能沉淀下来，减少阅读源码学习的成本。

通常我们会使用vue-cli来创建一个vue项目，由于vue-cli对常见的开发需求进行了预先配置，做到了开箱即用。但是阻碍碍我们窥探其真面目脚步。当然官方也提供了手动配置的方案。参考 安装依赖，下面

从`npm run build`命令开始，将`webpack`编译入口到`make`阶段的所有流程抽离出核心代码形成流程图，然后针对核心代码进行具体的分析

创建normalModule的前夕收集模块构建过程中的核心对象：parser、resolver、loader、generator

经过hooks.make部分的努力，完成从entry及其整条依赖链上的所有模块的构建。此时webpack会通过按照一定规则将模块进行聚合。

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。