【日常bug记录】Vue3 将 src 的目录设置为 @

本文主要是介绍【日常bug记录】Vue3 将 src 的目录设置为 @，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

关键是这两个文件的设置

• vite.config.ts
  注意 extensions 的配置，我就是因为没加这个，卡了好久

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path';
function resolve(dir) {return path.join(__dirname, dir);
}
// https://vitejs.dev/config/
export default defineConfig({plugins: [vue()],resolve: {extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.vue'],alias: {"@": path.resolve("./src") // 相对路径别名配置，使用 @ 代替 src}}
})

• tsconfig.json

{"compilerOptions": {"baseUrl": "./", // 解析非相对模块的基地址，默认是当前目录"paths": { //路径映射，相对于baseUrl"@/*": ["src/*"] },// 其他配置
}

这篇关于【日常bug记录】Vue3 将 src 的目录设置为 @的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---