An Interest In:
Web News this Week
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
- March 26, 2024
You've Gotta Check Out SnowPack...
Introduction
So like most 2020 developers I used to give 0 fucks about bundlers...
I mean react/next/svelte takes care of it for us right
but then, I started doing this course called threejs journey by brunosimon in which bruno makes us understand why bundlers are important
TL;DR helps client import node_modules files that are stored on the server
WebPack
The world's most popular javascript bundler "webpack" has a bunch of disadvantages
- It is pretty complex, for context and it took me 2 days to understand and be able to configure webpack on my own
- It is kinda really slow cuz it rebuilds and rebundles the files for every change[especially if you want to use typescript]
Here's Recordings of WebPack
Time to Initial Load: 35s
Time to Load Changes: 20s
Enter Snowpack
Snowpackjs has a fundamentally different approach to bundling...
It builds each file and caches it for future use, while webpack rebuilds and rebundles every single time
Bonus
Snowpack is super easy to configure
here's the config I used in the below test
module.exports = { mount: { src: { url: "/" }, public: { url: "/", static: true }, },};
it mounts files in src, public dir to "/" (root directory of served content)
Here's Recordings of Snowpack
Time to Initial Load: 20s
Time to Load Changes: 14ms
Thanks
if you this blog post... I'd to tell you that this is the blogified version of the following thread
snowpack is probably 100x faster...
my experience + live comparison w/ webpack
#webdev @snowpackjs @typescript @webpack @threejs06:30 AM - 01 Jan 2022
Original Link: https://dev.to/lucidmach/youve-gotta-check-out-snowpack-15a3
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To