NodeJS + Typescript + SASS setup project

This is a initial setup project that combining with NodeJS + Typescript + SASS.

• Backend-side uses NodeJS + Typescript with Express to serve HTTP Requests
• Client-side uses HTML & script (Typescript) & SCSS files

It also has 🔥hot-reload🔥 on both client-side & backend-side

Directory layout

./
├── dist                           // Output files
|   ├── client
|   |   ├── app.js
|   |   └── app.js.map
|   └── styles
|       ├── index.css
|       └── index.css.map
├── ...
├── src                            // Compiled files (alternatively `dist`)
│   ├── client                     // Client-side scripts source (typescript)
|   |   └── script.ts
│   ├── server                     // Backend-side source (will be excluded for compiling into `dist` directory)
|   |   └── main.ts
│   └── styles                     // Client-side styles source (scss)
|       └── index.scss
|
├── .env
├── ...
├── index.html
├── nodemon.json
├── package.json
├── README.md
├── tsconfig.client.json
├── tsconfig.server.json
├── webpack.config.client.js
└── yarn.lock

How to run

Run install packages yarn install

Run app yarn serve

If it meets your demands. Please leave a ⭐GitHub Star⭐ on this repo. Thank you 🙏

Demo

Debugger on Dev-Tool browser with Typescript code

🔥Hot Reload🔥 on every change in nested ./src

Debugger on Server-side as well with launch.json in Visual Studio Code