原文:.18-浅析webpack源码之compile流程-rules参数处理(1)

Tips:写到这里,需要对当初的规则进行修改。在必要的地方,会在webpack.config.js中设置特殊的参数来跑源码,例如本例会使用module: rules: ... 来测试,基本上测试参数均取自于vue脚手架 太复杂的删掉 。 下面两节的主要流程图如下: 在进入compile方法后,迎面而来的就是这么一行代码: 简单看一下方法,源码如下: 该方法生成了一个对象参数,而对象中的值又分别调 ...

2017-12-26 00:52 0 1672 推荐指数:

查看详情

.19-浅析webpack源码compile流程-rules参数处理(2)

  第一步处理rule为字符串,直接返回一个包装类,很简单看注释就好了。 test/include/exclude   然后处理test、include、exclude,如下:   checkResourceSource直接看源码:   这个用于检测配置来源 ...

Tue Dec 26 09:30:00 CST 2017 0 1293
.1-浅析webpack源码webpack.cmd

  此系列随时可能断更,毕竟我是解释型源码分析……   tips:本系列源码版本为3.10.0   尝试看过Spring的源码,有点烧脑,所以还是重回JS吧!   在配置完环境变量后,可以通过webpack指令进行打包,需要知道的是,如果当前路径存在webpack ...

Sun Dec 10 22:52:00 CST 2017 8 1987
.3-浅析webpack源码之预编译总览

  写在前面:   本来一开始想沿用之前vue源码的标题:webpack源码之***,但是这个工具比较巨大,所以为防止有人觉得我装逼跑来喷我(或者随时鸽),加上浅析二字,以示怂。   既然是浅析,那么案例就不必太复杂,所以继续按照之前vue源码,以最简单形式进行源码分析,如下:   配置文件 ...

Tue Dec 12 00:14:00 CST 2017 3 1112
.6-浅析webpack源码之validateSchema模块

validateSchema模块   首先来看错误检测:   可以注意到,这里传了两个参数,其实第一个参数来源于一个JSON文件:   这个JSON文件非常大,可以观察一下部分内容:   从描述可以猜测,这里的key对应options中 ...

Thu Dec 14 03:22:00 CST 2017 0 2431
.8-浅析webpack源码之Tapable介绍

Tapable工具      完成webpack默认参数注入后,下一步虽然是 new Compiler() ,但是这东西不是一下可以讲完的,复杂的一批。   不如先从工具入手,分块讲解compiler,首先来看看事件流执行器Tapable工具。   tips:这里的Tapable源码来自于 ...

Thu Dec 14 23:34:00 CST 2017 1 1314
Pytest权威教程18-插件编写

目录 插件编写 Pytest启动时的插件发现顺序 conftest.py:本地每目录插件 编写自己的插件 使你的插件可以被他人安装 ...

Sat Sep 07 04:15:00 CST 2019 3 443
.2-浅析webpack源码之打包后文件

  先不进源码,分析一下打包后的文件,来一张图:      首先创建两个JS文件,内容如下:   分别为配置文件和入口JS文件,内容弄个简单的。   接下来在当前目录执行webpack --config config.js,会输出一个output.js,简化后 ...

Mon Dec 11 09:46:00 CST 2017 0 1387
.14-浅析webpack源码之Watchpack模块

  解决掉了最头疼的DirectoryWatcher内部实现,这一节可以结束NodeWatchFileSystem模块。   关于watch的应用场景,仔细思考了下,这不就是热重载的核心嘛。    ...

Thu Dec 21 05:06:00 CST 2017 1 923
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM