在vite中,同样也提供了配置@符号的方法,类似webpack配置方法
第一步,先从path模块中引入resolve方法
import { resolve } from 'path'
第二步,定义一个函数 alias
const alias: Record<string, string> = {
'@': resolve(__dirname, ".", "src")
}
第三步,配置导出的config
export default {
... 其他内容
resolve: {
alias
},
... 其他内容
}
如上配置,即可实现@模块的配置,接下来直接在.vue文件、.js文件中使用即可