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

LinkedIn Learning

Learning webpack 4

via LinkedIn Learning

Go to class Write review
Datacamp Ad

PowerBI Data Analyst - Create visualizations and dashboards from scratch

Learn More → Coursera Ad

Save 40% on 3 months of Coursera Plus

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
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

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.