Webpack. Assets management. Project Structure.

• Single Page Application
• Basic Builds with Webpack
• Advanced Builds with Webpack
• Adding CSS
• Adding Images & Fonts
• Webpack Tools

Single Page Application

• Web Page vs Single Application Pages
• Single Application Pages problems and solution

Basic Builds with Webpack

• CLI Basics
• Adding a Config File
• Watch Mode and the Webpack Dev Server
• Building Multiple Files
• Rules
• Creating a Start Script
• Production vs. Dev Builds

Advanced Builds with Webpack

• Organizing Files and Folders
• Source Maps
• Creating Multiple Bundles

Adding CSS to Your Build

• CSS and Style Loaders
• Using SCSS and SASS
• Using LESS
• Creating a Separate CSS Bundle
• Auto Prefixer

Adding Images & Fonts to Your Build

• Adding Images to a Build
• Adding Fonts to a Build

Webpack Tools

• Using the Connect Middleware
• Demo: Using the Connect Middleware
• Using Plugins