前端路径“@/“的使用和配置
环境：vite+ts
需要安装types/node
npm install @types/node --save-dev
在tsconfig.json中添加
如果有tsconfig.app.json和tsconfig.node.json文件，则在app.json中添加
"compilerOptions": {
"baseUrl":".",
"paths": {
"@/*": ["src/*"] // 映射 @/* 到 src/*
},
}，
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
在vite.config.ts文件中加上如下代码
import { resolve } from "path"
resolve: {
alias: {
'@': resolve(__dirname, 'src') // 兼容src目录下的文件夹可通过 @/components/HelloWorld.vue写法
}
},
使用
配置好之后就可以在vue中使用“@/”了，不会再报错
原文地址：https://blog.csdn.net/qq_39427511/article/details/144327167
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！