Vue项目使用import使用@设置

Vue项目中import使用@引入.vue文件的设置方法

1. vite.config.ts中增加以下配置

  /*项目中识别@*/
  resolve:{
    alias:{
      '@': resolve(dirname(fileURLToPath(import.meta.url)),'./src')
    }
  }

2. tsconfig.json中增加以下配置

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