相信大部分兄弟都体验过 Vite 了，知道它很快。但你知道它为什么快，相比 Webpack 有哪些不同吗？今天咱们就来全面了解一下 Vite ，尤其适合新手兄弟！话不多说，开整！

vue.config.js 多环境配置vue.config.js 多环境配置vue.config.js 多环境配置vue.config.js 多环境配置vue.config.js 多环境配置vue.c

业务背景 近些年来，随着前端工程架构发展，使得前端项目中也能拥有如后端工程的模块能力。今天我们就来聊下如何在`Vite`中实现一套拓展能力强的多环境适配方案。

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

背景 A项目集成了多条业务线的项目，但是共同使用一个git仓库和一套发布流水线，代码组织比较混乱。本次需要引入一个新的业务线，如果直接在A项目开发，将导致原项目更加复杂，更加混乱，故计划将这个项目单独

Props、emits、expose/ref、Non-Props、getCurrentInstance、v-model、插槽 slot、provide/inject、总线bus、Vuex、Pinia

首要任务 安装vite 创建vite.config.js文件 index.html vue-cli方式 在vue-cli，index.html文件是存放在public文件下的 vite方式 直接将in

在vue-cli中移除console，是要下载babel-plugin-transform-remove-console，但是在vite中已经内置了移除console的配置，所以只需要配置一下就行了。

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…