webpack原理本質(zhì)是一個模塊打包器。通過入口文件分析依賴，生成依賴關(guān)系圖譜，按照這個關(guān)系圖去把程序打包成一個或多個bundle;
最終生成的bundle文件時一個自執(zhí)行函數(shù)，內(nèi)部實現(xiàn)了一個模塊加載函數(shù)：require函數(shù)，按照模塊的依賴關(guān)系，遞歸調(diào)用require，依次將依賴到的模塊加載執(zhí)行；

在這個打包的基礎(chǔ)上，webpack還給外部提供了一個事件流；可以開發(fā)自定義的plugin去影響webpack的輸出的內(nèi)容

pulgin是一個class類，插件實例要包含apply方法，webpack生成compiler對象會作為參數(shù)傳入，可以通過compiler.plugin() 監(jiān)聽webpack廣播的事件，掛載自定義回調(diào)，
loader是對源文件進行編譯的，比如css loader ;vue loader;

編譯器 詞法分析，語法分析, AST,生成新的代碼