This is template used to make plain html and css projects with Typescript
This template uses webpack to compile all typescript code in the src directory into a single javascript bundle. This enable the use of modules in the typescript code. All imports used in the index.ts code would get bundled into a single javascript file (in this case script.js) solving the problem of with tsc --watch command which will compile each imported module seperately to their javascript equivalent.
Click on the "use template" button
Input your the name of your Project and click "create project from repository" button
You should see that your new project's repository has been created
copy the link to clone the repo to your local machine (note the link will be different depending on your repository account and your project name)
after cloning your repo to your local machine with the git clone command
In the projects root directory
npm install
This will install all the dependencies in the package.json
Then:
Go into the src directory and run the start script
cd ./src
npm start
This will run the start script in the package.json (this runs webpack --watch which will automatically recompile index.ts in the src directory on every change)
In the public folder/directory
open index.html (if you are using visual studio code as your text editor use liveserver extension)
If all the steps are done correctly the counter-example show be rendered in your browser when you open index.html in your browser with liveserver
