Webpack和Vite

设计理念

• Webpack：秉持“一切皆模块”的理念，它会将项目中的所有资源（如 JavaScript、CSS、图片等）都视为模块，通过一系列的 loader 和 plugin 对这些模块进行处理和打包，最终生成可在浏览器中运行的静态文件。
• Vite：利用现代浏览器对 ES 模块（ES Modules）的原生支持，在开发环境下直接以原生 ES 模块的方式提供源码，只有在生产环境才进行打包优化，减少了开发阶段不必要的打包过程，从而提升开发效率。