上一篇文章我寫了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 構建的時候，會解析依賴后，然 ...