Vite 项目配置环境变量和全局变量 因为公司项目有多个环境，而我接手的这个前端项目比较老（前一段时间把项目的构建配置重构了一下，从老版本的 Webpack 换成了 Vite），区分不同环境也是直接用

在 2021 年 2 月，尤大正式推出了 Vite 2.0 版本，可以说是 Vite 的一个重要转折点，自此之后 Vite 的用户量发生了非常迅速的增长，很快达到了每周 100 万的 npm 下载量。

一、开始 近期将几个项目的脚手架从 Vue-CLI 替换成了 Vite，直呼真香，原来冷启动2分多钟，现在只要几秒，对于需要频繁切项目的人来说，真的是开发利器。 当前 Vite 的优点不止于此，这篇文

Vite 知识点总结、wepack项目如何迁移至 vite 方案落地、VIte2+TSC+Vue2.x模板搭建，Vite2+SFC+vue3.x模板搭建，基于Vite2 搭建 Vue3.x 工程化项目

Vite号称是 下一代的前端开发和构建工具 ，目前已经在前端社区里逐步开始流行起来了。它采用了全新的unbundle思想来提升整体的前端开发体验。

Vite 是由 Vue 作者尤雨溪开发的 Web 开发工具，Vite 具有极速的服务启动、 轻量快速的热重载等特点，那这些特点是如何实现的呢，今天我们来一探究竟！

vite2.0 踩坑实录 算是对上一篇的补充，记录了一些在配置项目中遇到的问题，希望对大家能有所帮助～

本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！ Vite 的特性 Vite 的主要特性就是 Bundleless。基于浏览器开始原生的支持 JavaScript 模块

1. 什么是组件化 组件化就是把重复的代码提取出来合并成为一个个组件，组件最重要的就是重用（复用），位于框架最底层，其他功能都依赖于组件，可供不同功能使用，独立性强。 Vue 的组件分为全局组件和局部组件。 2. 全局组件与局部组件 全局组件： 全局组件注册后，任何Vue实例都…