vite和ts配置src类型别名
时间: 2023-12-23 12:04:42 浏览: 112
vue+vite+ts.rar
要在vite和ts中配置src类型别名,可以按照以下步骤进行操作:
1. 在项目的根目录下创建一个`vite.config.ts`文件,并添加以下内容:
```typescript
import { defineConfig } from 'vite'
export default defineConfig({
resolve: {
alias: {
'@': '/src'
}
}
})
```
这里我们将`/src`路径配置为`@`别名。
2. 在项目的根目录下创建一个`tsconfig.json`文件,并添加以下内容:
```json
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
}
}
```
这里我们将`src`目录下的所有文件都配置为`@`别名。
3. 在代码中使用类型别名时,可以直接使用`@`来代替`/src`路径。
例如,之前的路径为`import Button from '@/components/Button'`,现在可以直接写成`import Button from '@/components/Button'`。
阅读全文