Webpack Express Example App

The goal of this repo is be an example of a basic but functional app built on Express and Webpack.

If you are just starting this process, start from branch 0-initial-setup. Otherwise, switch to the appropriate numbered branches of this repo as needed. The branches are:

• 0-initial-setup
• 1-install-webpack
• 2-add-webpack-entry
• 3-webpack-output-and-loaders
• 4-webpack-plugins
• 5-webpack-mode
• 6-webpack-for-convenience

Each branch in this project is a step along the path to creating a fully functional webpack setup. In each branch, there will be a documentation file that lists out the steps taken in that branch (each step is also roughly a git commit if you look at the history) which you can use as a checklist when setting up your own projects.

What we will cover

We will cover:

• Webpack entry point
• Webpack output and dist folder
• Webpack Loaders
• Webpack Plugins
• Webpack Mode
• Tools for convenient Webpack development

Get Up and Running

Fork this repo, then clone the branch of your choice from your forked repo down to your computer:

git clone -- [email protected]:[your-user-name]/webpack-express.git --

cd into your new folder and run:

• npm install
• npm start to start the app
• this app runs on localhost:8080, but you can of course edit that in server.js

Note: Webpack needs to be at version 4 in order for this repo to work as expected. Webpack is automatically included at the correct version in the package.json provided here.