Babel Setup with TS and Webpack

[faint sorrel]

REPO - https://github.com/devnchill/TSTemplate/tree/main

Even though I have code in src/index.ts , when I run npm run build , it generates dist directory but inside main.js , its empty even though I have code in index.ts . Any help would be appreciated . I've been properly trying to setup webpack with babel , eslint and prettier for TS and honestly everytime one thing or the other goes wrong.

[faint sorrel]

Also on webpack-official-website , they use webpack.config.js but they suddenly mention about webpack.config.ts

https://webpack.js.org/guides/typescript/