YoVDO

Learning Webpack 1

Offered By: LinkedIn Learning

Tags

Webpack Courses Computer Science Courses Javascript Courses Sass Courses Image Processing 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
  • 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

Introduction to Artificial Intelligence
Stanford University via Udacity
Computer Vision: The Fundamentals
University of California, Berkeley via Coursera
Computational Photography
Georgia Institute of Technology via Coursera
Digital Signal Processing
École Polytechnique Fédérale de Lausanne via Coursera
Creative, Serious and Playful Science of Android Apps
University of Illinois at Urbana-Champaign via Coursera