npx create-web-starter-kit

A few days back, I configured a code bundler from scratch using Webpack. After that, I wrote a npm script to scaffold it. So, You can use npx create-web-starter-kit <app-name> to get the starter kit that I created. Go 🏃‍♂️ use it.

These are the repositories for these projects.
web-starter-kit: https://github.com/hsnice16/web-starter-kit
create-web-starter-kit: https://github.com/hsnice16/create-web-starter-kit

What did you configure 🤔

I configured the bundler to parse both javascript (js) and typescript (ts) files. It can also parse jsx and tsx files. It can parse CSS modules and asset resources.
It has a dev server and supports HMR, so just save the file and see the changes. No need to reload.
I have also added an HTMLWebpackPlugin, so it can pick the HTML file from the public folder and, can add it to your build.

Check the configuration here.

Why did you create an npx command 🧐

After configuring the bundler, I thought about how another developer could use this in their project, and then I thought to create an npx command for this. Also, I code in React a lot, so I always wanted to create a command like create-react-app.