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

vite2 + vue3，在 vite.config.js 里面通过“模式”实现不同的运行、发包方式。

使用 vite 创建项目完成后会自动生成 一个 vite.config.js 代码如下： 当以命令方式运行 vite 时，vite 会自动解析项目根目录下 vite.config.js 的文件。

最近在用vite开发，整合了一下常用的插件。 按需导入样式vite-plugin-style-import

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

Vue2老项目使用vite2升级 基础配置 安装vite；vite.config.js配置；index.html增加main.js入口；部分问题修复。

什么是VitePress? VitePress 是 VuePress 的兄弟。它比vuePress更快，更牛逼.

自动按需加载实践，无需手动注册，使用vite-plugin-components,解决antd自动按需加载的问题

GitHub 仓库地址：https://github.com/vitejs/vite Vite 官网地址：https://cn.vitejs.dev/ 1. 环境变量配置 项目根目录新建，.env.p