webpack之旅深入理解Plugin

上次我們深入介紹了loader的相關的內容，今天我將帶大家深入看看plugin外掛程式的內容：

在檔案中建立乙個js類:

class
}

class
(compiler))}
}

**注：這裡我們使用了乙個tap()方法，他表示的是使用的是同步執行的鉤子，而我們需要在plugin中執行非同步的操作時，可以使用的就是tapasync()方法。tap()方法的引數compilation表示的是此次打包的物件。

4. plugin中執行非同步的操作：我們上面說到的comilation引數是為webpack打包的乙個物件，此次打包的一些內容我們可以在compilation.assets中獲取到，當然我們需要往打包的檔案中加入一些內容我們也可以直接往compilation.assets中去加入內容即可, 當我們使用tapasync()這個非同步的鉤子執行非同步操作時，tapasync()比tap()函式多乙個callback引數，該引數是乙個函式，並且我們需要在非同步的操作執行結束後手動的呼叫一下這個函式，它用於告知webpack非同步的操做什麼時候執行結束。

class
(compiler))}
const self =
this
compiler.hooks.emit.
tapasync(,
(compilation)
=>`,
size:
function()
}}})
}

**注：我們在這裡使用compilation.assets對bundle.js文間進行處理，此時我們它賦值了乙個物件，source引數表示我們將要寫入到檔案中的內容，size屬性表示的是寫入檔案的大小

好了，到這裡我們基本的關於plugin的底層的大致東西就給大家說了乙個大概，當然plugin的實現還有很多的內容，像compiler引數，compilation引數上也還有很多的屬性方法，這些就需要大家去官方文件上看看了，但是它具體是怎麼處理webpack打包檔案的我想流程大家應該還是有個概念了吧。最後這裡我還是為大家附上乙個官網關於plugin api的位址，大家可以去產看哦~~~~

plugin api官網位址

webpack之旅深入理解Plugin

深入理解C語言深入理解指標

mysql 索引深入理解深入理解MySql的索引

深入理解C語言深入理解指標

webpack之旅 深入理解Plugin

深入理解C語言 深入理解指標

mysql 索引深入理解 深入理解MySql的索引

深入理解C語言 深入理解指標

相關推薦

webpack之旅深入理解Plugin

深入理解C語言深入理解指標

mysql 索引深入理解深入理解MySql的索引

深入理解C語言深入理解指標