webpack 源码深入浅出

webpack 源码深入浅出

webpack 源码深入浅出

☀️☀️ webpack 5 源码深度讲解好文，每2周1更（最近工作太忙，加上生病了😷😷，大家加油啊）☀️☀️！在广袤的空间和无限的时间中，能够与大家共享同一颗行星和同一段时光是我的荣幸！

等 20 人订阅共37篇文章创建于2022-11-01

涨薪面技：如何写 webpack 路径解析插件（2）

【webpack 源码和架构分析】webpack 强大的路径解析扩展能力，通过 resolve 和 resolveLoader 就能实现，今天我们来学习下这两个选项对象的各个配置项及其作用

1年前
226
8
评论

涨薪面技：如何写 webpack 路径解析插件（2）

涨薪面技：如何写 webpack 路径解析插件（1）

【webpack5 源码和架构分析】面试必备 webpack Resolver 原理，生产环境处理构建路径必不可少的奇技，全完最详细 Resolver 创建过程

1年前
415
7
评论

涨薪面技：如何写 webpack 路径解析插件（1）

webpac5 模块创建基类 NormalModuleFactory，拿走不谢

本文主要讨论了 NormalModuleFactory 类型在模块的创建过程中的主要作用，主要两个钩子，factorize 负责创建，resolve 负责解析；

1年前
299
5
评论

webpac5 模块创建基类 NormalModuleFactory，拿走不谢

面试怕被问”异步队列“？记住 webpack 5 给出的标准答案！

【webpack5 源码和架构分析】一文说透 webpack5 通过 AsyncQueue 实现异步并发队列，整体核心有以下几点.....

1年前
516
5
3

面试怕被问”异步队列“？记住 webpack 5 给出的标准答案！

面试官：Webpack5 模块创建过程和 Webpack4 有什么区别？

【webpack5 源码和架构解析】本文讨论了了 webpack 创建入口模块并递归处理所有依赖的子模块的创建及构建的实现过程。通过队列的调度机制就完成了一个循环，一直到所有的队列都被清空。

1年前
110
5
评论

面试官：Webpack5 模块创建过程和 Webpack4 有什么区别？

来看 webpack5 模块创建过程啊

一文说透 webpack 从入口模块开始，如何一步步完成入口及子模块的创建和构建工作，宏观看主干，一览无余

1年前
297
6
评论

来看 webpack5 模块创建过程啊

Webpack 5分钟：compilation.addEntry

【webpack5 源码和架构解析】本文开始进入到了 webpack 处理入口模块的创建工作，今天主要复习compilation 和 compiler 协同启动模块构建工作

1年前
434
4
评论

Webpack 5分钟：compilation.addEntry

面试官： Compilation 实例化的时做了什么？

【webpack5 源码和架构分析】本文详述了 compilation 对象的创建过程，Compilation 类型的详情，包括定义文件模块、参数等；

1年前
321
4
评论

面试官： Compilation 实例化的时做了什么？

webpack 深入浅出之 —— compiler.compile

都说 webpack 从“入口”解析依赖，今天先学 webpack 的入口到底怎么工作的，本文对 Compiler.prototype.compile 方法进行了由浅入深的解析，一问搞懂“入口”

1年前
411
7
评论

webpack 深入浅出之 —— compiler.compile

从架构的角度看 webpack5 的编译主流程

所谓启动，其实是整个编译流程的统揽，看完这篇你就可以大大方方的告诉面试官，webpack 编译大致流程了。compiler.run 方法内部封装 run 方法...

1年前
550
6
评论

从架构的角度看 webpack5 的编译主流程

学 Webpack5 的 Compiler 实例化看这篇就够了

创建 Compiler 实例化过程中核心 hook 注册、四个文件系统、resolverFactory 全包揽

1年前
540
6
1

学 Webpack5 的 Compiler 实例化看这篇就够了

要理解webpack原理，要先知道这些

(6)创建 Compiler 实例-WebpackOptionsApply；webpack 源码阅读，每周2更

1年前
1.1k
5
1

要理解webpack原理，要先知道这些

细说 webpack 插件之 Compiler 对象的创建

webpack5 实例化 Compiler，想说用户 webpack 插件和内置 webpack 插件的优先级定义问题

1年前
307
4
1

细说 webpack 插件之 Compiler 对象的创建

我读 webpack-cli 源码得到的 CLI 优化启示

到这里 `webpack-cli` 及 `webpack` 这个命令行工具的实现过程就已经全部讲完了，最后来回归一下 `webpack` 到底是怎么实现的以及这么做的。

1年前
357
5
5

我读 webpack-cli 源码得到的 CLI 优化启示

“多快好省哪一个？”，webpack-cli：“我都要！”

都写 CLI，你的和 webpack-cli 有什么区别？webpack 动态声明式CLI，多快好省我都要！——人人都看得懂的 webpack 源码（3）webpack-cli-启动-2

1年前
686
7
1

“多快好省哪一个？”，webpack-cli：“我都要！”

人人都看得懂的 webpack 源码（2）webpack-cli-启动 -1

一文搞定 REPL 命令行、子进程执行命令、包管理器检测，，谁看谁懂的 webpack 源码阅读系列第二弹，webpack-cli 的实现过程

1年前
217
6
1

人人都看得懂的 webpack 源码（2）webpack-cli-启动 -1

人人都看得懂的 webpack 源码（1）-环境准备

面试的、准备面试的都来看，怕面试被问 webpack？不会面试高 T 原理？只要看就能懂的 webpack 源码阅读第一弹！看完专栏，干翻面试官，鉴定假高 T！

1年前
409
15
11

人人都看得懂的 webpack 源码（1）-环境准备