Webpack for Dummies

Webpack is amazing, however setting up a complex Webpack configuration can often be a pain (ref).

This project's goal is to get you up and running with Webpack as quickly and as painlessly as possible by implementing sensible defaults. Webpack for dummies assumes you are trying to implement Webpack on a React project that uses JSX and ES6, and that you likely want to take advantage of Webpack's fantastic hot module replacement.

Getting started

1. Install Webpack for Dummies via NPM:

npm install webpack-for-dummies

2. Require Webpack for Dummies in your project:

var WebpackForDummies = require('webpack-for-dummies');

3. Create a new instance of Webpack for Dummies:

var webpackForDummies = new WebpackForDummies({
  configurationOptions...
});

4. Generate a Webpack configuration object:

webpackForDummies.generateConfig();

Configuration Options

Option	Required	Default	Description
input	yes	NA	The string path to the input (or entry) file
output	yes	NA	The string path to the output file
hot	no	true	Enable hot module reloading on the Webpack dev server
port	no	4000	The int port number of the Webpack dev server
clean	no	false	Clean (destroy and re-create) the output directory
target	no	NA	'node' will compile output for a node environment

Methods

generateConfig(): Returns a Webpack configuration object based on the configuration options Webpack for Dummies was initialized with.

startDevServer(): Starts a Webpack dev server based on the configuration options Wepback for Dummies was initialized with.