Vue3+Ts+Vite项目(第四篇)——配置@路径别名，实现@代替/src

一、根目录下 vite.config.ts 文件中配置

import {
    
     resolve } from 'path';

resolve: {
    
    
  // 设置文件./src路径为 @
  alias: [
    {
    
    
      find: '@',
      replacement: resolve(__dirname, './src')
    }
  ]
}

---

二、根目录下 tsconfig.json 文件中配置

//配置 @
"baseUrl": ".",
"paths": {
    
    
	"@/*": ["src/*"]
}

三、使用示例