Úvod
Takže jako většina vývojářů pro rok 2020 jsem se o bundlerech vykašlal...
Myslím, že react/next/svelte se o to postará pro nás správně
ale pak jsem začal dělat tento kurz s názvem threejs travel by brunosimon, ve kterém nám bruno pomáhá pochopit, proč jsou svazáci důležití
TL;DR pomáhá klientovi importovat soubory node_modules, které jsou uloženy na serveru
WebPack
Světově nejpopulárnější balík javascriptů „webpack“ má spoustu nevýhod
- Je to docela složité , pro kontext a trvalo mi 2 dny, než jsem pochopil a byl schopen nakonfigurovat webpack sám
- Je to trochu opravdu pomalé protože při každé změně znovu sestaví a znovu spojí soubory[zejména pokud chcete použít strojopis]
Zde jsou záznamy WebPack
Doba do počátečního načtení:35 s
Doba načítání změn:20 s
Zadejte Snowpack
Snowpackjs má zásadně odlišný přístup ke sdružování...
Sestaví každý soubor a uloží jej do mezipaměti pro budoucí použití, zatímco webpack se pokaždé znovu sestaví a znovu spojí
Bonus
Snowpack je super snadný konfigurovat
zde je konfigurace, kterou jsem použil v níže uvedeném testu
module.exports = {
mount: {
src: { url: "/" },
public: { url: "/", static: true },
},
};
připojuje soubory v src, public dir do "/" (kořenový adresář obsluhovaného obsahu)
Zde jsou záznamy ze Snowpack
Čas do počátečního načtení:20 s
Doba načítání změn:14 ms 😱
Díky
pokud ❤️ tento blogový příspěvek... rád bych vám ❤️ řekl, že toto je blogovaná verze následujícího vlákna