JavaScript Workshop

Configuration for usage of both CSS and SASS (SCSS), with extract plugins and live reloading.

Foreword: What is Webpack

Webpack is a front-end tool to build JavaScript module scripts for browsers.

It can be used similar to Browserify, and do much more.

browserify main.js > bundle.js
# be equivalent to
webpack main.js bundle.js

In this showcase, we will be using version 4 (current at time of typing).

First, install dependencies.

npm install

Webpack-dev-server is included (live-reloading from ./dist folder)

npm run start

Now, feel free to change any files in ./src folder.