Learning webpack 4

Learning webpack 4
Learning webpack 4
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 0h 41m | 122 MB

Webpack has become a key standard among front-end development tools. A module bundler built for modern JavaScript applications, webpack is exploding in popularity due to its many configuration options. webpack 4 expands on the original promise of task, code, and dependency management with cleaner syntax, simpler configuration, and thorough support for ES6. In this course, instructor Eve Porcello covers the basics of this versatile tool. Discover how to install webpack, run a build, and edit the config file to facilitate automation. Find out how to use loaders to run tasks and process files such as CSS and inline images. Plus, Eve demos webpack plugins for managing tasks such as code splitting.

Topics include:

  • What is webpack?
  • What’s new in webpack 4?
  • Using npm build scripts
  • Setting up loaders
  • Loading CSS
  • Using webpack plugins
  • Code splitting with webpack
Table of Contents

1 Bundle JavaScript modules with webpack 4
2 What you should know
3 What is webpack
4 What’s new in webpack 4
5 Install webpack and webpack-cli
6 Run webpack
7 Run the build with webpack.config
8 Using npm build scripts
9 What is a loader
10 Set up babel-loader for a React or ES6 project
11 Using @babel preset-env
12 Using @babel preset-react
13 Load CSS with webpack
14 Load images with webpack
15 Using the webpack-dev-server
16 What is code splitting
17 Add multiple entry points
18 Optimize with SplitChunks
19 Using the HtmlWebpackPlugin
20 Prepare code for production
21 Next steps