Medium

Webpack is a commonly used library among modern frontend-based applications. It is a decade-old and battle-tested library. Many of the full-fledged frontend frameworks like NextJS, and Gatsby use webpack for bundling and compilation purposes by default.

How Webpack works?

asayer

Vite serves your code via native ES module imports during development and bundles it with Rollup for production. Vite is a lightning-fast cold server start and offers instant hot module replacement and true on-demand compilation. It is also highly extensible via its plugin API and JavaScript API with full typing support.

Getting started with Vite

Explore Webpack, a module bundler for JavaScript applications, and learn about bundling assets, code splitting, and optimizing web performance. Learn about Webpack configuration, plugins, and loaders. Whether you're a frontend developer, JavaScript enthusiast, or build tool user, there's  content here to help you optimize your web development workflow.

Best of Webpack — December 2022