The goal of this repo is be an example of a basic but functional app built on Express and Webpack.
If you want to follow along, start from branch 0-initial-setup. 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.
We will cover:
- Transpiling Sass to CSS using Webpack
- Fixing Javascript event errors
- Building a better production config for Webpack
- Adding Service Workers to our app using Webpack
Fork this repo, then clone the branch of your choice from your forked repo down to your computer:
git clone -- git@github.com:[your-user-name]/webpack-express.git --
cd into your new folder and run:
npm installnpm run build-devto start the webpack dev servernpm run build-prodto generate a dist folder for prodnpm startto run the Express server on port 8081