一、在vite.config.ts中添加配置
import path from "path";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
resolve: {
alias: {
"@": path.resolve(__dirname, "./src")
}
}
});
这时候引入的会path模块报红,但其实我们已经有node,所以就已经有path模块,只是缺少ts的一些声明配置。
所以需要安装关于node这个库的ts声明配置。
二、安装@types/node
npm i -D @types/node
安装成功就没有报红了,如果import后面的path报红,就把引入换成 import * as path from 'path'
三、配置路径别名的提示
虽然现在路径别名已经有了,但在文件中输入@没有路径提示。
需要在 tsconfig.json 中:添加两项配置
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
}
}
配置好之后敲@后就有路径资源提示啦~