Привет, ради разнообразия смотрю как делаются приложеняи на ванильном js/ts

и решил что то для себя пописать. Но столкнулся с проблемой что не понимаю как на vite+ts сделать рабочими alias. В вью-рекат проектах все работает, но когда пробую сделать на ванильном приложении удобные алиасы - все руинится. Мб сможете посдказать что делаю не так?

vite.config

// vite.config.js
import { defineConfig } from 'vite'
import {resolve} from 'path'

export default defineConfig({
resolve: {
alias: {
'@': resolve(__dirname, './src')
}
}
});

ts.config

{
"compilerOptions": {
"target": "ES2020",
"useDefineForClassFields": true,
"module": "ESNext",
"lib": ["ES2020", "DOM", "DOM.Iterable"],
"skipLibCheck": true,

"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
},

/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,

/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true
},
"include": ["src"],
}

этот?

так ладно, произошла классическая архимагия. Я ради тестов создал проект на js - все сработало. Потом снова на ТС - все сработало. Я вообще ничего не понял и ничему не научился, но очень рад что все рабоатет. Спасибо что пытались помочь)