webpack 源码深入浅出

【webpack5 源码及架构分析】本文 复盘了 hooks.resolve 和 hooks.factorize 间的关系及hooks.resolve 后面的模块的创建过程

【webpack5 源码和架构解析】本文回到了 NMF 中创建模块的重要流程 —— hooks.resolve 的流程中，核心点还是关于 loader 的组织

【webpack5 源码与架构分析】本文详细介绍了 RuleSetCompiler 类型的工作原理，回顾整个调用过程

【Webpack5 源码和架构分析】本文讨论生成 rule 的插件 —— UseEffectRulePlugin，这个插件是处理 rule.use 配置的，内部通过一系列的操作.....

【webpack5 源码和架构分析】本文介绍了和 rule 相关的前三个插件—— BasicMatcherRulePlugin、ObjectMatcherRulePlugin、BasicEffectR

【Webpack5 源码和架构分析】内容提要：webpack Rules 的标准化思想与 loader 应用的原理

Webpack5 源码及架构分析，书接上文讨论的是解析行内 loader 和模块资源路径之后的事情——调用 continueCallback 的 callback

同样是处理失败，你是不是一个 console.err 或者一个 try-catch 两板斧结束战斗呢？webpack 再次给了你我一个标准答案....

本文讲述了 webpack 在 resolve 阶段解析 内联 loader 的设计和实现全貌，resolver.resolve真正开始发挥作用的地方！

webpack 源码分析：match-resouce 语法、内联 loader； resolve 阶段-解析 request 上的 matchResource、内联loader、资源路径；

webpack 强大的 resolve 能力如何而来？完备、可扩展鱼和熊掌兼得，看看 webpack 的设计理念

我一直很好奇为啥有 require.resolve() 就能解决的问题，webpac k 他为啥还要整这么多的活儿？

【webpack5源码与架构解析】wepack 路径解析库 ehanced-resove 源码阅读之—— resolver 注册内部插件第二弹

【webpack5源码和架构分析】到这里，有关 enhanced-resolve 这个库的流水线部分注册的所有内部插件的细节部分就完结了，这部分内容相当抽象，调试过程也不是很顺利，希望各位看官有耐心~

wepack 路径解析库 ehanced-resove 源码阅读之—— resolver 内部插件注册第一弹！

我对 webpack 的 enhanced-resolve 存在了相当长的误会，并不理解为什么这么干，其实它在做一种很完备的路径解析工作，它及支持 ESM 也支持 CommonJS。

本文接着上文的流水线注册环节讲述后续的流水线注册： 1. module 阶段：处理 @xx 类似这种带有命名空间的内部request，将其变成一个绝对路径；2. resolve-as-module

【webpack5 源码和架构分析】wepack 路径解析库 ehanced-resove 源码阅读之—— resolver 流水线 hook 注册第二弹

【webpack5 源码和架构分析】wepack 路径解析库 ehanced-resove 源码阅读之—— resolver 流水线 hook 注册第一弹

【webpack5 源码和架构分析】文章介绍了 webpack.config.js.resolve 和 resolveLoader 选项对象的各个配置项及其作用及对应内部实现插件