Webpack Express Boilerplate

The scope of this project is a boilerplate webpack configuration on an isomorphic application that supports Express + Handlebars on the server-side and SCSS & JavaScript on the client-side.

Isomorphic/Universal Application

Why Webpack?

devtool

externals

node

plugins

loaders

Usage

• Run npm install to install all the required dependencies
• Run npm install -g webpack to install webpack globally on your machine.
• Run npm build to build the project using webpack configurations.
• Run npm start to start a node server on localhost:3000
• or run npm startdev to webpack watch and run nodemon.

Server-side

Linting

DefinePlugin

Client-side

Service Worker

JavaScript

Linting

SCSS

ExtractTextPlugin

Linting

Images

ImageminPlugin, CopyWebpackPlugin

Watch

Code Splitting

Tree Shaking

webpack-dev-server

// TODO: Unfortunately this is still a work in progress