Wassup

It's a simple repo with webpack.config.js that has comments for easier understanding and reference.

How to run

yarn install && yarn start

What was installed and how

Webpack Dev Server

yarn add -D webpack-dev-server webpack webpack-cli

Babel

webpack 4.x | babel-loader 8.x | babel 7.x

yarn add -D babel-loader @babel/core @babel/preset-env webpack

Style loaders

yarn add -D style-loader css-loader

SASS (SCSS) loaders

The sass-loader requires webpack as a peerDependency and it requires you to install either Node Sass or Dart Sass on your own.

yarn add -D sass-loader node-sass webpack

File loader

Allows to import images into our JS files

yarn add -D file-loader

Reference

1. Introduction to Webpack: Part 1
2. Introduction to Webpack: Part 2
3. webpack style-loader
4. npm style-loader
5. webpack css-loader
6. npm css-loader
7. webpack sass-loader
8. webpack file-loader
9. webpack jshint-loader