/webpack-starter-kit

Webpack 4 starter kit project. Features: Bootstrap 4, ES6, SASS, Image optimization, HMR

Primary LanguageJavaScript

Webpack Starter Kit project

If you want to create a project using ES6 full features (including module export/import), with SCSS and Bootstrap 4, with image optimization, this project maybe the best solution for you.

The project has the following features:

  • Compilation of ES6 into ES5
  • Converting SASS into CSS
  • Bootstrap 4
  • Image loading and optimization
  • Webpack dev server
  • HMR for hot reloading and faster development

The project is production ready.

Installation

  1. Clone the project
  2. Go to the project root directory
  3. Run npm install

Running on development using dev server

Run npm run start:dev to start to webpack dev server with HMR ready

For production

Run npm run build to build project's all assets in dist folder.

The project's initial version was created while recording this youtube video