https://www.davidlang.tech/tags/vite/ Recent content in Vite on David Lang Hugo en Tue, 08 Feb 2022 00:00:00 +0000 https://www.davidlang.tech/posts/vite-vs-webpack-why-developers-are-switching/ Tue, 08 Feb 2022 00:00:00 +0000 https://www.davidlang.tech/posts/vite-vs-webpack-why-developers-are-switching/ <p>Vite uses native ES modules in development for near-instant cold starts. Webpack remains ubiquitous in enterprise codebases-but Vite won the greenfield race by 2022.</p> <h2 id="development-experience">Development Experience</h2> <p>Vite serves source files directly; the browser requests modules on demand. Webpack bundles the entire graph before serving-slower as projects grow.</p> <h2 id="production-builds">Production Builds</h2> <p>Vite uses Rollup for optimized production bundles. Tree-shaking, code splitting, and asset handling are comparable to Webpack 5.</p> <h2 id="migration-tips">Migration Tips</h2> <p>Replace <code>webpack.config.js</code> with <code>vite.config.ts</code>. Use <code>import.meta.env</code> instead of <code>process.env</code> for env variables. Check plugins-most popular React libraries ship Vite templates.</p>