https://github.com/daandesmedt/threejs-typescript-webpack-boilerplate
A basic, ready to rumble, Three.js - TypeScript and Webpack enabled boilerplate template to kick-off your new 3D project
https://github.com/daandesmedt/threejs-typescript-webpack-boilerplate
Last synced: 10 months ago
JSON representation
A basic, ready to rumble, Three.js - TypeScript and Webpack enabled boilerplate template to kick-off your new 3D project
- Host: GitHub
- URL: https://github.com/daandesmedt/threejs-typescript-webpack-boilerplate
- Owner: DaanDeSmedt
- Created: 2021-11-30T13:59:18.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-11-30T15:46:29.000Z (about 4 years ago)
- Last Synced: 2025-01-11T18:28:58.419Z (12 months ago)
- Language: TypeScript
- Size: 108 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Three.js TypeScript starter template
A basic, ready to rumble, Three.js - TypeScript and Webpack enabled boilerplate template to kick-off your new 3D project.
## Features
- **TypeScript** supported
- **Webpack** integrated
- **Development server** with **live reload**
- **Source mapping**
- **Optimized** production build
- Basic Three.js sphere / cube example
## Installation
Clone the template repository
```
git clone https://github.com/DaanDeSmedt/threejs-typescript-webpack-boilerplate.git
```
Install the required dependencies
```
npm install
```
## Running development server
```
npm run start
```
Webpack has been pre-configured to provide a auto opening development server with live reload support. After running above command, your browser will automatically open http://localhost:9999/ and serve the boilerplate Three.js scene.
Making code changes will auto reload the served webpage and reflect changes made.
# Building for production
```
npm run build
```
Webpack has been pre-configured to build the project to `./dist` with support for source mapping.