vite+ts搭建的项目，@配置失效的解决办法
今天创建新项目，按照往常的管理去配置@别名
- 安装依赖：因为path是node中的模块，node又不支持ts，所以：
yarn add @types/node 或者 npm i @types/node
然后进vite.config.ts，添加添加@别名
resolve: {
alias: {
'@': resolve(__dirname, 'src')
}
}
其实到这里，就可以使用@符号了，但仅限于JS
引完确实能用，但是会报错，过不了TS的检查
包括引入外部的TS文件，不生效
然后在tsconfig.json文件的compilerOptions中，进行如下配
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
}
有些项目到这，引入文件的报错已经解除，也可以正常使用外部定义的TS文件
要是这么简单，怎么又会有我这篇文章呢，我的项目也不肯就这么结束
要是上述报错还没有解除，TS外部文件也用不了，来看这里
我的项目里面还有一个tsconfig.app.json文件，再配置一遍compilerOptions
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
}
到这里，引入的报错已经解除，外部的TS文件，也可以正常使用
完美，收工！！！