共计 489 个字符，预计需要花费 2 分钟才能阅读完成。
webpack 中能够通过 resolve.alias 定义我的项目门路别名，这样能够在引入文件时，不再须要应用相对路径，对立以根门路（/src/）作为终点。
vite 同样反对门路别名的定义：
// vite.config.js/ts
import {join} from "path";
import {defineConfig} from 'vite'
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
alias: {'@': join(__dirname, "src"),
}
}
})
如果我的项目是 TypeScript 编写，还须要批改一下 TypeScript 的配置：
{
// ...
"compilerOptions": {
// ... 其余配置
"baseUrl": ".",
"paths": {"@/*": ["src/*"]
}
},
// ...
}
如果你是刚创立的 TypeScript 我的项目，有可能会遇到 找不到模块“path”或其相应的类型申明 的谬误提醒，装置 @types/node 即可。
npm install @types/node --save-dev
正文完
