Installing and configuring Webpack [+ Gif Generator Project]

Table of contents:

IntroductionWebpackInstallationConfigurationInputs and outputsCSSSCSSImagesJavascript (+ Babel)Additional loadersImprovementsPluginsConclusionIntroduction

Before we actually start coding, let's have a brief discussion about Webpack.

What is Webpack?

Webpack is a module bundler. Explained concisely, it takes our input files and transforms them into one or more output files. Those input files usually have dependencies, which Webpack transpiles into static ...