vite 动态 import 引入打包报错解决方案； 经过这几天陆陆续续的尝试最终解决，总结了以下几种方案

webpack vite 图片引入： webpack通过require引入的图片；不加require，图片会引入不成功； webpack vite 在vite中不需要添加require，可以直接通过路

vite出来一段时间了，现在能不能投入实际的生产中。这篇文章通过实际的项目开发上线来探讨能否投入生产。

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

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

vite + vue 配置 eslint/prettier vite + vue + ts 配置 eslint/prettier

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

环境变量的配置 在项目的根目录下，创建` .env`文件[开发]和.env.production[生产]（可以有多个配置文件）内容就直接上图了和代码了 简单记录一下日常的使用🙂

在项目根目录新建 .env.development、.env.production、.env.test 创建代码提示 env.d.ts 组件中使用 vite.config.ts中使用 package.