.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項，每一行只有一個非零元素。 ...