YoVDO

Learning webpack 4

Offered By: LinkedIn Learning

Tags

Webpack Courses Web Development Courses Javascript Courses React Courses Asset Management Courses Code Splitting Courses

Course Description

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

Related Courses

Demand management: Breaking down today’s commercial silos
ESSEC Business School via Coursera
Introducción a la inversión bursátil
Universitat Politècnica de València via edX
Fundamentals of Accounting Capstone
University of Illinois at Urbana-Champaign via Coursera
Intro to Progressive Web Apps
Google via Udacity
Accounting and Finance
Indian Institute of Management Bangalore via edX