本文对Vite打包碎片化的成因进行了分析，并且提出了模块化体系，从而简化分包配置，同时又采用动态加载机制，完美规避了分包时两种隐患的发生。

Webpack 的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。Vite 的第一次发布是在 2021 年，是仅两天来前端打包工具中的后起之秀，重点解决 Webpack 在开发阶段的开

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；

本篇文章从原理方面分析下 vite 和 webpack，分析一下他们各自的优缺点；如果你已经对 webpack 或者 vite 已经有了初步的了解，欢迎进来阅读。

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vite与webpack之间的差异

Vite是新一代的前端构建工具，具有极速的服务冷启动，轻量快速的热重载等特点，为开发提供极速响应。本文将浅析其原理。

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

不知不觉间，距离尤大大当初在微博宣布「vite」的出现到现在，已经过了 2 个月多。 当时，「vite」只是支持对 .vue 文件的即时编译和 import 的 rewrite，相应地「Plugin」也没有几个。并且，最初在「GitHub」上「vite」的 slogan 是这样…

前面一篇文章介绍了如何做 Vite 的插件开发 # 20分钟掌握 Vite 插件开发，这篇文章介绍清晰 Vite 的构建原理，为什么比 Webpack 构建速度快这么多。