webpack浣跨敤绠€鍗曪紝浣嗗鐢ㄦ埛鏉ヨ鏄釜榛戠洅瀛愩€傞瞾杩呰锛氫笉浜嗚В浜嬬墿鐨勫師鐞嗭紝灏变笉鑳界啛缁冨湴鎺屾彙瀹冦€傚鏋滄湁涓嶇啛鎮墂ebpack鍩烘湰浣跨敤鐨勬湅鍙嬶紝鍙互鏌ョ湅鎴戜箣鍓嶇殑鍒嗕韩鐐硅繖閲岋細https://segmentfault.com/a/11...1.楠岃瘉options鍙傛暟鏄惁姝ｇ‘鐨勬祦绋嬫瑙坙egal,options鍙傛暟鍜屽懡浠よ涓殑鍙傛暟缁撳悎锛屽疄渚嬪寲Compiler瀵硅薄锛屽垵濮嬪寲鎵€鏈夐厤缃彃浠讹紙缂栬瘧鍣ㄧ被缁ф壙鑷猅apable锛夛紝鎸傝浇閽╁瓙銆備緷娆¤皟鐢ㄦ彃浠剁殑apply鏂规硶锛岃鎻掍欢鐩戝惉鍒版墍鏈夊悗缁殑浜嬩欢鑺傜偣銆傛墽琛宑ompiler.run鏂规硶銆傝鏂规硶瀹為檯涓婂疄渚嬪寲浜員apable涓殑AsyncSeriesHook(['compiler'])鏉ュ鎵句富鍏ュ彛銆傚彲鑳芥湁澶氫釜鏉＄洰銆傝繖涓鐪媍onfig鏂囦欢鏄惁閰嶇疆浜嗗涓叆鍙ｆ潵鍒涘缓涓€涓紪璇戝璞″苟鎵ц鐩稿簲鐨勫洖璋冦€傚寘鎷細杩涘叆姣忎釜entry->鐢╨oader缂栬瘧->acorn瑙ｆ瀽AST->閫掑綊鎵ц鎵€鏈夋枃浠?>鍏ㄩ儴鎵ц瀹屾垚鍚庢墽琛岀紪璇戝皝鍗版柟娉曪紝瀵规瘡涓猚hunk杩涜缁勭粐銆佷紭鍖栧拰灏佽銆俆apable骞挎挱emit浜嬩欢锛屾墍鏈夋枃浠剁紪璇戣緭鍑猴紝姝ゆ椂杩樺湪鍐呭瓨涓紝鍙互鑾峰彇鎵€鏈夋枃浠朵俊鎭拰鍚勭chunk淇℃伅鏂囦欢鍐欏叆纾佺洏锛孴apable骞挎挱afterEmit浜嬩欢瀹屾垚缂栬瘧锛屼互鍙奣apable骞挎挱Done浜嬩欢2.Tapable鎴戜滑鍙互鎶妛ebpack鐞嗚В涓轰竴鏉＄敓浜х嚎锛岄渶瑕佺粡杩囦竴绯诲垪鐨勫鐞嗚繃绋嬶紝鎵嶈兘灏嗘簮鏂囦欢杞崲鎴愯緭鍑虹粨鏋溿€傝繖鏉＄敓浜х嚎涓婃瘡涓姞宸ュ伐搴忕殑鑱岃矗鏄崟涓€鐨勶紝澶氫釜宸ュ簭涔嬮棿浼氬瓨鍦ㄤ緷璧栧叧绯汇€傚彧鏈夋湰娆″姞宸ュ畬鎴愬悗锛屾墠鑳戒氦缁欎笅涓€閬撳伐搴忓姞宸ャ€傛垜浠殑鎻掍欢灏卞儚涓€涓姛鑳借鎻掑叆鍒扮敓浜х嚎涓紝瀹冧細鍦ㄧ壒瀹氱殑鏃堕棿瀵圭敓浜х嚎涓婄殑璧勬簮杩涜澶勭悊銆倃ebpack閫氳繃Tapable鏉ョ粍缁囪繖鏉″鏉傜殑鐢熶骇绾裤€倃ebpack杩愯鏃朵細骞挎挱浜嬩欢锛屾彃浠跺彧闇€瑕佸叧蹇冪洃鍚畠鐨勪簨浠跺氨鍙互鍔犲叆杩欐潯鐢熶骇绾裤€傜劧鍚庡皢鎵ц鐩稿叧鎿嶄綔銆倃ebpack鐨勪簨浠舵祦鏈哄埗鍙互淇濊瘉鎻掍欢鐨勯『搴忥紝浣挎暣涓郴缁熷叿鏈夊彲鎵╁睍鎬с€備簨浠舵祦鏈哄埗鏄娇鐢ㄨ瀵熻€呮ā寮忓疄鐜扮殑銆備竴鑸潵璇达紝tapable鏆撮湶浜?绉峢ook锛歵ap锛堝悓姝ook锛塼apAsync锛堝紓姝ook锛塼apPromise锛堝紓姝romisehook锛夊父瑙佺殑浜嬩欢娴佺▼濡備笅锛氫簨浠跺悕绉版弿杩癳ntryOption鍒濆鍖杘ptionsrun寮€濮嬬紪璇憁ake浠巈ntry寮€濮嬶紝閫掑綊鍒嗘瀽渚濊禆,骞舵瀯寤篵uild-moduleusingloader鍔犺浇渚濊禆鏂囦欢,鏋勫缓modulenormal-module-loadertoacorn缂栬瘧loader鏂囦欢,鐢熸垚鎶借薄璇硶鏍慉ST绋嬪簭,寮€濮嬮亶鍘咥ST,閬囧埌require鏃惰Е鍙戣皟鐢╮equire浜嬩欢灏佹墍鏈夌殑渚濊禆鏋勫缓瀹屾垚锛屽紑濮嬩紭鍖朿hunk锛堟彁鍙栧叕鍏辨ā鍧楋紝娣诲姞hash绛夛級optimize-chunk-assetscompressioncodeemit杈撳嚭姣忎釜chunk鍒扮粨鏋滄枃浠?.compilercompiler瀵硅薄鏄疌ompiler绫荤殑涓€涓疄渚嬪璞?鑰孋ompiler绫荤户鎵胯嚜Tapable,webpack鍚姩鏃朵細瀹炰緥鍖栦竴涓紪璇戝櫒,涔嬪悗姣忎竴娆℃枃浠跺彉鍖栭兘浼氬垱寤轰竴涓紪璇戝櫒鐩殑銆傜紪璇戝櫒璐熻矗鏂囦欢鐩戞帶鍜屽惎鍔ㄧ紪璇戙€侰ompiler瀹炰緥鍖呭惈瀹屾暣鐨刉ebpack閰嶇疆銆備笘鐣屼笂鍙湁涓€涓狢ompiler瀹炰緥缂栬瘧鍣ㄥ璞°€傚ぇ姒傜殑鏁版嵁缁撴瀯濡備笅锛氬綋鎴戜滑寮€鍙戣嚜瀹氫箟鎻掍欢鏃讹紝webpack浼氳皟鐢ㄦ彃浠剁被鐨刟pply鏂规硶浼犻€掔粰缂栬瘧鍣紝鎴戜滑鍙互鍦╰apable浜嬩欢娴佷腑骞挎挱锛岃嚜瀹氫箟鍜屽仛涓€浜涗簨浠秪鎺屾彙webpack鐨勫伐浣滃師鐞嗭紝瀵规垜浠悗缁紑鍙戣嚜宸辩殑loader鍜宲lugin浼氭湁寰堝ぇ鐨勫府鍔┿€傚悗闈㈡垜浼氬垎浜浣曞紑鍙戣嚜宸辩殑鎻掍欢銆傜爜瀛椾笉鏄擄紝澶氬鍏虫敞~馃槞
