loading...
Cover image for Three.JS-Webpack Boilerplate

Three.JS-Webpack Boilerplate

aakatev profile image Artem ・1 min read

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!

Posted on by:

aakatev profile

Artem

@aakatev

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

Discussion

markdown guide
 

Great post, thanks heaps Artem!