BloomTech’s Downfall: A Long Time Coming

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

Overview

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

4.7 rating at LinkedIn Learning based on 109 ratings

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.