.18-浅析webpack源码之compile流程-rules参数处理(1)
Tips：写到这里，需要对当初的规则进行修改。在必要的地方，会在webpack.config.js中设置特殊的参数来跑源码，例如本例会使用module:{rules:[...]}来测试，基本上测试参数均取自于vue脚手架(太复杂的删掉)。 下面两节的主要流程图如下： 在进入 ...
原文：.19-浅析webpack源码之compile流程-rules参数处理(2)
第一步处理rule为字符串，直接返回一个包装类，很简单看注释就好了。 test include exclude 然后处理test include exclude，如下： checkResourceSource直接看源码： 这个用于检测配置来源的唯一性，后面会能看到作用，同样作用的还有checkUseSource方法。 随后将三个参数包装成一个对象传入normalizeCondition方法，该方 ...
2017-12-26 01:30 0 1293 推荐指数：
相关推荐
.1-浅析webpack源码之webpack.cmd
此系列随时可能断更，毕竟我是解释型源码分析…… tips：本系列源码版本为3.10.0 尝试看过Spring的源码，有点烧脑，所以还是重回JS吧！ 在配置完环境变量后，可以通过webpack指令进行打包，需要知道的是，如果当前路径存在webpack ...
.3-浅析webpack源码之预编译总览
写在前面： 本来一开始想沿用之前vue源码的标题：webpack源码之***，但是这个工具比较巨大，所以为防止有人觉得我装逼跑来喷我(或者随时鸽)，加上浅析二字，以示怂。 既然是浅析，那么案例就不必太复杂，所以继续按照之前vue源码，以最简单形式进行源码分析，如下： 配置文件 ...
.6-浅析webpack源码之validateSchema模块
validateSchema模块 首先来看错误检测： 可以注意到，这里传了两个参数，其实第一个参数来源于一个JSON文件： 这个JSON文件非常大，可以观察一下部分内容： 从描述可以猜测，这里的key对应options中 ...
.8-浅析webpack源码之Tapable介绍
Tapable工具 完成webpack默认参数注入后，下一步虽然是 new Compiler() ，但是这东西不是一下可以讲完的，复杂的一批。 不如先从工具入手，分块讲解compiler，首先来看看事件流执行器Tapable工具。 tips：这里的Tapable源码来自于 ...
.2-浅析webpack源码之打包后文件
先不进源码，分析一下打包后的文件，来一张图： 首先创建两个JS文件，内容如下： 分别为配置文件和入口JS文件，内容弄个简单的。 接下来在当前目录执行webpack --config config.js，会输出一个output.js，简化后 ...
.14-浅析webpack源码之Watchpack模块
解决掉了最头疼的DirectoryWatcher内部实现，这一节可以结束NodeWatchFileSystem模块。 关于watch的应用场景，仔细思考了下，这不就是热重载的核心嘛。 ...
19-行列式公式和代数余子式
一、行列式的公式 以二阶行列式为例：我们可以这么做$a=a+0, b=0+b, c=c+0, d=0+d$，则 在反复利用行列式的单行可拆性后，A分解成4项，每一行只有一个非零元素。 ...