在vite中,同样也提供了配置@符号的方法,类似webpack配置方法

第一步,先从path模块中引入resolve方法

import { resolve } from 'path'

第二步,定义一个函数 alias

const alias: Record<string, string> = {
  '@': resolve(__dirname, ".", "src")
}

第三步,配置导出的config

export default {
  ... 其他内容
  resolve: {
      alias
  },
  ... 其他内容
}

如上配置,即可实现@模块的配置,接下来直接在.vue文件、.js文件中使用即可