Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Learning webpack 4

via LinkedIn Learning

Go to class Write review

Details

Go to class

Provider

LinkedIn Learning
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Sessions

On-Demand

Found in

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Discover how to optimize web development with webpack 4, the versatile module bundler. Learn how to set up, configure loaders, and use plugins.

Syllabus

Introduction

Bundle JavaScript modules with webpack 4
What you should know

1. What Is webpack?

What is webpack?
What's new in webpack 4?
Install webpack and webpack-cli
Run webpack
Run the build with webpack.config
Using npm build scripts

2. webpack Loaders

What is a loader?
Set up babel-loader for a React or ES6 project
Using @babel/preset-env
Using @babel/preset-react

3. Load Assets

Load CSS with webpack
Load images with webpack
Using the webpack-dev-server

4. Code Splitting with webpack

What is code splitting?
Add multiple entry points
Optimize with SplitChunks
Using the HtmlWebpackPlugin
Prepare code for production

Conclusion

Next steps

Taught by

Eve Porcello

Reviews

Start your review of Learning webpack 4