初始化一个 vite + vue 项目

创建项目

首先使用以下命令创建一个vite项目

npm create vite

然后根据提示命令 cd 到刚创建的项目目录下，使用npm install安装所需要的依赖包，再使用npm run dev即可启动项目

配置 vite.config.js

1. 添加process.env配置，如果下面 vue-router 配置的 history 不一样可以省略这个步骤

   define: {
     "process.env": process.env,
   },
   

   

   否则会报错process is not defined

   

2. 使用 gzip 压缩

   首先使用下面命令下载vite-plugin-compression

   npm i vite-plugin-compression
   

   然后引入vite-plugin-compression

   import viteCompression from "vite-plugin-compression";
   

   在plugins里使用

   plugins: [vue(), viteCompression()],
   

   

   

3. 配置路径别名
   配置了之后后面再引入就不需要从头开始写，直接从配置的开始写即可，相当于写前面的就