vite 资源定位符 @

统一资源定位符

在vite中，使用resolve alias 

find  使用路径的开头

replacement     对应的文件资源

安装 @types/node

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {resolve} from "path"
// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, "src")
      },
      {
        find: 'components',
        replacement:resolve(__dirname, "src/components")
      },
      {
        find: 'views',
        replacement:resolve(__dirname, "src/views")
      }
    ]
  },
  plugins: [vue()]
})