Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 47 Minute(s)
Language
English
Taught by
Mehul Mohan
Rating
2 views
Course Overview
Use Webpack to bundle and automate a lot of regular JavaScript workflow task and become a powerful JS developer!
Webpack is a module bundler which is much more than just a bundler. It allows you to automate a lot of moving pieces of your project (like prefixing CSS styles, optimizing bundles, writing in TypeScript and Sass and compiling down to browser version, etc.)
In this complete series, we're going to get hands on experience with Webpack and how to start working on real projects using Webpack as the technology.
Once configured, webpack gives you to ability to truly focus only on the code quality you write and leave rest of the optimization and code work on it. However it is important to configure it correctly and know at every moment which configuration does what. In this whole series, we're going on a joy ride with webpack.
Course Content
- 7 section(s)
- 29 lecture(s)
- Section 1 Introduction
- Section 2 Webpack basic options
- Section 3 Explaning output option
- Section 4 Webpack dev server
- Section 5 Plugins
- Section 6 Loaders
- Section 7 Webpack project
What You’ll Learn
- Introduction to Webpack
- Various webpack options provided
- Creating production ready apps with webpack
- Configuring webpack from scratch
- Adding custom loaders and plugins
Skills covered in this course
Reviews
-
XXiqiao Zhang
Really want a blank space below to show CC. And the English CC are a mess...
-
rr Blue R
It's beneficial, quick, and to the point and actually covers a reasonable number of topics to help better understand how it all works. With this being an older release of webpack, a big issue has been with installing the correct versions of these tools so they all work together correctly with webpack v4. The following versions is what found to be helpful when installing with npm (use the latest releases of these specified major versions): webpack@4, webpack-cli@3, webpack-dev-server@3, path@0, css-loader@2, style-loader@0, html-webpack-plugin@3, html-webpack-harddisk-plugin@1.
-
LLaura Evans
really easy to understand
