Bootstrap 4 Webpack 3 Boilerplate

Prerequisites

nodejs

If you don't yet have nodejs installed and you are running mac os, I suggest using nvm (node version manger), which makes managing different node versions a breeze.

Usage

Clone the repo:

git clone git@github.com:mihaerzen/bootstrap4-webpack3-boilerplate.git

Cd into the project folder

cd bootstrap4-webpack3-boilerplate

Install node modules

npm install

Build production

npm run build:prod

Build version is available in dist folder.

Development

Server

For development you can use webpack-dev-server by running:

npm run serve

This brings up demo website on http://localhost:8080.

For demo purposes I've copied the bootstrap 4 album example.

Overriding bootstrap defaults

If you want to override bootstrap default variables you can do that by editing the file _override-bootstrap-defaults.scss located in styles folder.

Folder structure

bootstrap4-webpack3-boilerplate/
├── app/
│   ├── images
│   │   └── nyan.gif
│   ├── styles
│   │   ├── _override-bootstrap-defaults.scss
│   │   └── index.scss
│   ├── index.html
│   └── index.js  # main webpack entry file
├── .eslintrc
├── .gitignore
├── package.json
├── README.md
└── webpack.config.js