Webpack-ի աշխատանքի սկզբունքը
Որպես կանոն, մշակման ընթացքում մենք
ստանում ենք բազմաթիվ JavaScript ֆայլեր,
որոնք պարունակում են կոդի տարբեր հատվածներ:
Դրանք կարող են լինել մեր կոդի մասեր
կամ երրորդ կողմի գրադարաններ:
Ստացվում է, որ յուրաքանչյուր այդպիսի ֆայլ
մենք պետք է միացնենք HTML ֆայլին
script թեգի միջոցով:
Սա այնքան էլ լավ չէ, քանի որ շատ միացված ֆայլերը դանդաղեցնում են կայքի բեռնման արագությունը: Ուստի բեռնման արագությունը ավելացնելու համար անհրաժեշտ է ամբողջ կոդը հավաքել մեկ ֆայլում:
Սակայն, մեկ ընդհանուր ֆայլում կոդ մշակելը նույնպես այնքան հարմար չէ: Ուստի ներկայումս գործածվում է հետևյալ մոտեցումը. կոդը մշակվում է առանձին ֆայլերում, ապա հավաքիչի միջոցով հավաքվում է մեկ ընդհանուր ֆայլի մեջ, որը և միացվում է HTML ֆայլին:
Առանձին ֆայլերը ներկայացնում են
ES մոդուլներ:
Այդ մոդուլները միացվում են այլ ֆայլերի import
հրամանի միջոցով:
Սովորաբար ստեղծվում է ինչ-որ հիմնական ֆայլ, որին միացվում են մնացած ֆայլերը: Այս ֆայլը կոչվում է մուտքի կետ:
Հավաքիչը մտնում է մուտքի կետ, նայում է, թե որ մոդուլներն են միացված դրան: Այդ մոդուլներին նույնպես կարող են միացված լինել այլ մոդուլներ: Հավաքիչը հետևում է բոլոր կապերին և հավաքում է ամբողջ կոդը մեկ ֆայլում: Այս ֆայլը կոչվում է բանդլ:
Որպես կանոն, ծրագրավորողի գրած
կոդը տեղակայված է src պանակում,
իսկ հավաքված կոդը տեղադրվում է
dist պանակում:
Պատմեք, թե ինչ է բանդլը:
Պատմեք, թե ինչ է մուտքի կետը:
Պատմեք, թե ինչ հավաքման ռեժիմներ կան:
