🚀 The Simple Version
1. Gather the Ingredients
Every time you write code, you have a bunch of files: HTML, CSS, JavaScript, images. A build tool like Webpack or Vite looks at all of them and decides which ones belong together.
2. Mix Them Together
Just like a chef combines flavors, the build tool bundles your files into one or a few big files. This makes it easier for browsers to load everything at once.
3. Cook to Perfection
The tool also “cooks” the code: it removes spaces, shortens names, and checks for errors. The result is a lean, fast version that runs smoothly on any device.
4. Serve to the Web
Finally, the build step writes the finished files to a folder called dist or build. That folder is what you upload to a server or host on GitHub Pages.
npm run build
# or
vite build