jonas-thuvesson-winberg / webpack-workshop

Instructions

Installing dependencies and getting sample code

Feel free to skip any step you have already completed.

Node.js and NPM

1. Go to https://nodejs.org/en/download/ and choose and download the right version for your system.
2. Install.
3. Open a console of your choice and make sure that you can use the utilities (env variables have been set up or symlinks made):
   1. run "npm --version". You should see the output version number.
   2. run "node --version". You should see the output version number.

Git

1. Go to https://git-scm.com/downloads and choose and download the right version for your system.
2. Install.
3. Open a console of your choice and make sure that you can use the utilities (env variables have been set up or symlinks made):
   1. run "git --version". You should see the output version number.

Visual Studio Code (or other editor)

1. Go to https://code.visualstudio.com/#alt-downloads and choose and download the right version for your system.
2. Install.
3. You should now have Visual Studio Code in your system menu. You can also use "code ." in a console window to open the current location in VS Code.

Download this repo

1. Open a console window.
2. move to a folder where you want to keep the code.
3. run git clone https://github.com/jonas-thuvesson-winberg/webpack-workshop.git. You should now have a new folder called webpack-workshop, with the code inside.

Workshop steps

1 - Bundling JavaScript

2 - Adding HTML and styling

3 - Dev and prod

4 - Optimizations