Webpack 5 Fundamentals
This course will teach you how to use Webpack to build your JavaScript web applications using modern best practices.
What you'll learn
Bundling and building web applications are critical in the modern web. In this course, Webpack 5 Fundamentals, you’ll learn to create performant and maintainable builds for your web applications. First, you’ll explore how to bundle code together. Next, you’ll discover how to transpile and add other assets such as CSS, fonts, and images to your build. Finally, you’ll learn to incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular. When you’re finished with this course, you’ll have the skills and knowledge of Webpack needed to create and maintain the bundling and build of any web application.
Table of contents
- Introduction 1m
- What Are Plugins? 1m
- Creating Your HTML File with Webpack 6m
- Cleaning out the Target Directory 1m
- Live Reloading the Web Server 4m
- Including CSS in Your Build 6m
- Understanding the Style Loader Implementation 2m
- Using SASS 5m
- Creating a Separate CSS Bundle 4m
- Using PostCSS and Autoprefixer 7m
- Summary 1m
About the author
Joe began his love of programming on an Apple III in BASIC. Although his preferred language is JavaScript, he has worked professionally with just about every major Microsoft language. He is currently a consultant and full time author for Pluralsight. Joe has always had a strong interest in education, and has worked both full and part time as a technical teacher for over ten years. He is a frequent blogger and speaker, organizer of ng-conf, the AngularJS conference (www.ng-conf.org), and a paneli... more