Webpack CreativeSite Boilerplate

A boilerplate for web creativesite, based on Webpack

• Threejs Template
• JavaScript Build
• Css Build (scss/autoprefixer)
• Css / JavaScript lint
• Image Optimization (webp)
• Browsersync

Directory structure

.
├── dist
│    │
│    ├── assets/         
│    │    │
│    │    ├── images    
│    │    │
│    │    ├── script 
│    │    │
│    │    └── stylesheets
│    │
│    └── index.html 
│
├── src ── assets/         
│           │
│           ├── images    
│           │
│           ├── script ────────── module
│           │                 └── shaders
│           │                 └── utility
│           │                 └── app.js
│           │                 
│           └── stylesheets
│    
├── .env-sample     
│
├── eslintrc.js 
│
├── gitignore
│
├── squooshrc.js      
│
├── stylelintrc.js         
│
├── package-lock.json          
│
├── package.json  
│
└── webpack.config.js  

Usage

• Clone repository
  
• Install Node.js
  
• Create an .env file and copy the contents of .env-sample.
  
• Run following commands
  

  npm install
  npm run dev

• Before deploying, run command for production.
  

  npm run prod