Overview
Three.JS is an awesome library. It is based on WebGL, and has a straightforward, and well-documented API. However, I found that project's initial setup may require some boilerplate.
I created some minimal configuration to bootstrap a project, and want to share with everyone. It includes webpack, webpack-dev-server, and prettier. I also included one of three.js demo projects, to test deployment on GitHub pages.
The boilerplate is available on GitHub, and you can play with the demo here.
Instructions
Development
Clone the project, and install dependencies
git clone https://github.com/aakatev/three-js-webpack.git
npm i
Run webpack-dev-server
npm run start
Deployment
(Optional) Format your code
npm run format
Bundle javascript
npm run build
Upload on any static website hosting, like GitHub pages! Done!
Top comments (2)
Great post, thanks heaps Artem!
Thanks for the effort mate, I was facing a hard time getting my webpack to work and then I found your template. Cheers