Learning Webpack 3

Description

In this course, you will learn:

• What is webpack
• Webpack loaders
• Webpack & CSS
• Webpack plugins

Syllabus:

• Introduction
• What you should know
• Using the exercise files

 

1. What is webpack?

• What is webpack?
• Installing webpack
• Running webpack from the command line
• Creating a webpack config
• Using npm build scripts
• Using a watch command

 

2. Webpack Loaders

• What is a loader?
• Setting up babel-loader
• Using babel presets
• Using babel-loader for React

 

3. Webpack and CSS

• Loading CSS with Webpack
• Compiling SCSS
• Loading images
• Setting up the Webpack-dev-server

 

4. Webpack Plugins

• What is code splitting?
• Adding multiple entry points
• Using the commons chunk bundle
• Bundling vendor files
• Incorporating the HTML Webpack plugin
• Preparing code for production

 

Show more