vite中的别名配置

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


// https://vitejs.dev/config/
export default defineConfig({
 resolve: {
   alias: {
     "@": path.resolve(__dirname, "src"),
     "components": path.resolve(__dirname, "src/components"),
     "styles": path.resolve(__dirname, "src/styles"),
     "plugins": path.resolve(__dirname, "src/plugins"),
     "views": path.resolve(__dirname, "src/views"),
     "layouts": path.resolve(__dirname, "src/layouts"),
     "utils": path.resolve(__dirname, "src/utils"),
     "apis": path.resolve(__dirname, "src/apis"),
     "dirs": path.resolve(__dirname, "src/directives"),
   },
 },
 plugins: [vue()],
})

解决Vite中不能使用require的问题

https://juejin.cn/post/7255943107152625722

// 1. 通过 yarn 安装
yarn add -D vite-plugin-require-transform 

or

// 2. 通过 npm 安装
npm i vite-plugin-require-transform --save-dev