Webpack a kötegek diétázása; Lemoncode képzés
Megnyitunk egy sor bejegyzést, amelyekben a csomagjaink súlyának csökkentésére összpontosítunk, ebben az első bejegyzésben bemutatunk egy eszközt, amely segít azonosítani, hogy mely csomagok okolhatók alkalmazásának "túlsúlyosáért".
A javascript ökoszisztéma hihetetlen, mindenre van könyvtárunk, olyan, mint egy ingyenes büfé, és vannak olyan csomagolási eszközeink is, mint a webpack, amelyek "varázslatosan" mindent bepakolnak az Ön számára.
Ez nagyon jól hangzik, amikor elindít egy projektet, és elkezd könyvtárakat használni itt-ott, azon gondolkodva, hogy megtakarítsa magát. Hirtelen itt az ideje a gyártásnak, és rájössz, hogy az én aprított csomagom 2 megabájtot nyom! . ok, be tudod tenni a gzip-be, és le fogod tölteni, de jó terhelést adsz az ügyfél böngészőjének.
Nem számít, hogy egy köteg sokat nyom? A válasz hatással lehet a vállalkozásodra, ha a webalkalmazásod hosszabb ideig tart betölteni, lesznek olyan felhasználók, akik kihagyják (jobb, ha a versenyből származóat használod, ami kicsit gyorsabb, és nem hagy szárazon adatokat és akkumulátort), Akkor is, ha nem a kezdetektől irányítja a súlyát, néhány év múlva több megabájtos szörnyeteg áll rendelkezésére, amire szüksége lesz egy teherautóra, hogy az egyik helyről a másikra vigye.
Ha építünk a gyártásra (ne feledje, hogy a wepback-ben egy zászlót tehet a tömörített tartalom előállításához), akkor láthatjuk a kötegek méretét a dist mappában.
Istenem, 2 MB-os csomag!
Ha ezt a generált kimenetet nézzük (egy valós projekt alapján), akkor azt találjuk, hogy AHHHH. Két megabájt eladó js van !, a vendor.js fájlban ott dobjuk le az összes harmadik fél könyvtárát, úgy tűnik, hogy van valami harmadik féltől, ami erős emésztést generál.