用户3054165181059

需要知道的是浏览器环境里面是没有process这个变量的，这个process变量只在node环境中才存在。 所以这两个环境中的process 不是同一个东西，源代码中的 p...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

本文完成initState方法的最后一部分:initWatch，初始化用户 watcher。initWatch调用createWatcher方法抹平handler，再由$w...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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