Cover image for Three.JS-Webpack Boilerplate

Three.JS-Webpack Boilerplate

aakatev profile image Artem ・1 min read


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.



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


(Optional) Format your code

npm run format

Bundle javascript

npm run build

Upload on any static website hosting, like GitHub pages! Done!

Posted on by:

aakatev profile



I like to code, and I like to write about code


markdown guide

Great post, thanks heaps Artem!