上一篇文章我写了tapable的基本用法，我们知道他是一个增强版版的发布订阅模式，本文想来学习下他的源码。tapable的源码我读了一下，发现他的抽象程度比较高，直接扎进去反而会让人云里雾里的，所以本文会从最简单的SyncHook和发布订阅模式入手，再一步一步抽象，慢慢变成他源码的样子。 本文 ...

_ 阅读目录 一：理解Sync类型的钩子 1. SyncHook.js 2. SyncBailHook.js ...

Spring框架是一个轻量级的集成式开发框架，可以和任何一种框架集成在一起使用，可以说是一个大的全家桶。Spring从1.x发展到现在的5.x可以说是越来越强大，下面来看看Spring都包含哪些核心的模块吧。 Spring图中的这些模块，都至少由一个以上的jar包组成 ...

前面的话 　　在web存在多种支持JavaScript模块化的工具(如requirejs和r.js)，这些工具各有优势和限制。webpack基于从这些系统获得的经验教训，并将模块的概念应用于项目中的任何文件。本文将详细介绍webpack的模块解析 模块 　　在模块化编程中，开发者将程序 ...

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

前言 webpack是如何解析代码模块路径 webpack 中有一个很关键的模块 enhanced-resolve 就是处理依赖模块路径的解析的，这个模块可以说是 Node.js 那一套模块路径解析的增强版本，有很多可以自定义的解析配置。 模块解析规则 解析相对路径 ...

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题 + 解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本 ...

'./index.js' 来引用代码模块 index.js。webpack 构建的时候，会解析依赖后，然 ...