From 757e7c61e23180cf9d22a1fa3514d6971a9bf540 Mon Sep 17 00:00:00 2001
From: Andres <andres99.dev@gmail.com>
Date: Fri, 28 Jul 2023 13:48:15 +0200
Subject: [PATCH] add alias configuration

---
 pages/lesson-1/chapter-1.ru.mdx | 47 +++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/pages/lesson-1/chapter-1.ru.mdx b/pages/lesson-1/chapter-1.ru.mdx
index 2681ddd..15e60fb 100644
--- a/pages/lesson-1/chapter-1.ru.mdx
+++ b/pages/lesson-1/chapter-1.ru.mdx
@@ -51,6 +51,53 @@ pnpm i @it-incubator/eslint-config @it-incubator/prettier-config @it-incubator/s
 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