mirror of
https://github.com/ershisan99/flashcards-docs.git
synced 2025-12-16 20:59:26 +00:00
add alias configuration
This commit is contained in:
@@ -51,6 +51,53 @@ pnpm i @it-incubator/eslint-config @it-incubator/prettier-config @it-incubator/s
|
|||||||
pnpm i sass -D
|
pnpm i sass -D
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Конфигурация Alias'ов
|
||||||
|
|
||||||
|
### Конфигурация Vite
|
||||||
|
|
||||||
|
В файле vite.config.ts добавьте следующий код:
|
||||||
|
|
||||||
|
```ts filename="vite.config.ts"
|
||||||
|
import * as path from 'path'
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [react()],
|
||||||
|
resolve: {
|
||||||
|
alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
|
||||||
|
},
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|
||||||
|
Установим типы для nodejs что бы не было ошибок в vite.config.ts
|
||||||
|
|
||||||
|
```bash filename="Terminal"
|
||||||
|
pnpm i @types/node -D
|
||||||
|
```
|
||||||
|
|
||||||
|
### Конфигурация TypeScript
|
||||||
|
|
||||||
|
```json filename="tsconfig.json"
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
// ...rest of the template
|
||||||
|
"types": ["node"],
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["src"],
|
||||||
|
"references": [{ "path": "./tsconfig.node.json" }]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Использование
|
||||||
|
|
||||||
|
Теперь вы можете использовать алиасы везде в проекте:
|
||||||
|
|
||||||
|
```tsx filename="App.tsx"
|
||||||
|
import { App } from '@/App'
|
||||||
|
```
|
||||||
|
|
||||||
## Конфигурация линтеров
|
## Конфигурация линтеров
|
||||||
|
|
||||||
### Prettier
|
### Prettier
|
||||||
|
|||||||
Reference in New Issue
Block a user