【vite配置路径别名@】/启动配置

npm install @types/node --save-dev

npm install path --save

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 配置@别名
import { resolve } from "path";// https://vitejs.dev/config/
export default defineConfig({plugins: [vue()],// ↓解析配置resolve: {// ↓路径别名alias: {"@": resolve(__dirname, "./src")}},server: {port: 3000, // 自定义端口，默认为5173open: true, // 服务启动后，自动在浏览器中打开，默认是不打开的hmr: true, // 为开发服务启用热更新，默认是不启用热更新的},
})

使用

const routes = [{// 页面path: "/index",name: "index",component: () => import(/*webpackChunkName:'Login'*/ "@/view/index.vue"),},{// 默认首页path: "",name: "",component: () => import(/*webpackChunkName:'Login'*/ "@/view/index.vue"),},
];export default routes