小特使用的 Vite 版本：7.1.2
长话短说，总共三个文件：
- vite.config.ts （让 vite 知道）
- eslint.config.js （让 eslint 知道）
- tsconfig.app.json（让 vscode 知道）
vite.config.ts
// ...
import path from "path";
export default defineConfig({
// ...
resolve: {
alias: {
"@": path.resolve(__dirname, './src')
}
} // 追加部分
});eslint.config.js
// ...
import importPlugin from 'eslint-plugin-import'; // 自行安装
import { resolve } from 'node:path';
export default tseslint.config([
globalIgnores(['dist']),
{
// ...
plugins: {
import: importPlugin
}, // 追加部分
settings: {
'import/resolver': {
alias: {
map: [
['@', resolve(__dirname, './src')],
],
extensions: ['.js', '.ts', '.jsx', '.tsx', '.json'],
},
},
},
}, // 追加部分
])tsconfig.app.json
为什么不是tsconfig.json而是tsconfig.app.json?
因为 tsconfig.app.json 是针对浏览器运行环境的配置1
没懂，但是确实有效，之后再看吧。 岂可休
{
"compilerOptions":{
// ... 现有配置
"baseUrl": ".",
"paths": {
"@/*": [
"src/*"
]
},
}
}
Footnotes
许可协议