Vue3 + TS项目，升级vite配置

下载依赖

npm i vite @vitejs/plugin-vue --save-dev

---

创建vite.config.ts文件

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { resolve } from "path";

// https://vitejs.dev/config/
export default defineConfig({
  base: './',
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "src/styles/index.scss";`
      }
    }
  },
  resolve: {
    extensions: [".vue", ".mjs", ".js", ".ts", ".jsx", ".tsx", ".json"],
    alias: {
      // 设置别名
      "@": resolve("src")
    }
  },
  define: {
    "process.env": {}
  },
  plugins: [
    vue()
  ]
});

---

修改tsconfig.json配置
将"types": [ "webpack-env" ],修改为"types": [ "vite/client" ],

---

设置启动项

package.json文件中设置启动项

 "scripts": {
    "serve": "vite",
    "build": "vite build",
    "prepare": "husky install"
  }