Home Page Icon
Home Page
Table of Contents for
Further reading
Close
Further reading
by Tom Owens
Webpack 5 Up and Running
Title Page
Copyright and Credits
Webpack 5 Up and Running
Dedication
About Packt
Why subscribe?
Contributors
About the author
About the reviewers
Packt is searching for authors like you
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Conventions used
Get in touch
Reviews
Introduction to Webpack 5
Technical requirements
The fundamentals of Webpack 5
General concepts behind Webpack 5
Terminology
How Webpack works
What's new in Webpack 5? 
Modes
Setting up Webpack
Creating a sample project
Bundling your first project
Summary
Questions
Working with Modules and Code Splitting
Explaining modules
The function of modules
Supported module languages and loaders
Module resolution
Absolute paths
Relative paths
Module paths
Understanding code splitting
Entry points
Preventing duplication with SplitChunksPlugin
Dynamic imports
Caching
Prefetching and preloading modules
Best practices
Bundle analysis
Code linting
Summary
Questions
Further reading
Using Configurations and Options
Understanding configurations
Using different configuration files
Working with options
Understanding asset management
Setting up the project for asset management configurations
Loading CSS files
Loading images
Loading fonts
Loading data
Adding global assets
Wrapping up the tutorial with best practice
Understanding output management 
Output management tutorial preparation
Setting up the HtmlWebpackPlugin
Cleaning up the distribution directory
Utilizing the manifest
Exploring Webpack 5 options
AMD
Bail
Cache
Loader
Profile
Parallelism
Records Path
Records Input Path
Records Output Path
Name
Summary
Questions
APIs, Plugins, and Loaders
Loaders
cache-loader
worker-loader
coffee-loader
coverjs
i18n-loader
imports-loader
polymer-loader
script-loader
source-map-loader
less-loader
APIs
Babel and its loader builder
The Node.js API
Plugins
BabelMinifyWebpackPlugin
CommonsChunkPlugin
ContextReplacementPlugin
HtmlWebpackPlugin
LimitChunkCountPlugin
Summary
Questions
Libraries and Frameworks
Best practices
Working with JSON
Working with YAML
Working with Angular
Working with Vue.js
Summary
Further reading
Questions
Production, Integration, and Federated Modules
Production setup
Shimming
Progressive web applications
Integrating task runners
GitHub
Extracting boilerplate
Module Federation
Building our first federated application
The first application in our system
The second application
The third application
Duplication issues
Summary
Questions
Further reading
Debugging and Migration
Debugging
Hot module replacement
Using DevServer with the Node.js API
HMR and style sheets
Other loaders and frameworks
Adding a utility
Migration
Prerequisites when migrating to version 4 from version 3
Prerequisites when migrating to version 5 from version 4
Enabling persistent caching
Updating Webpack
Summary
Further reading
Questions
Authoring Tutorials and Live Coding Hacks
Authoring libraries
The basic configuration
Using externals to avoid bundling lodash
Specifying external limitations
Exposing the library
Naming the library and working with Node.js
Custom loaders
Setup
Simple usage
Complex usage
Guidelines
Simplifying the purpose of the loader
Utilizing chaining
Modular outputting
Ensuring statelessness
Employing loader utilities
Marking loader dependencies
Resolving module dependencies
Extracting common code
Avoiding absolute paths
Using peer dependencies
Unit testing
Live coding hacks
Monkey Hot Loader
React Hot Patching
Eval
The __Eval hack
Summary
Questions
Assessment
 Answers
Chapter 1: Introduction to Webpack 5
Chapter 2: Working with Modules and Code Splitting
Chapter 3: Using Configurations and Options
Chapter 4: APIs Loaders and Plugins
Chapter 5: Libraries and Frameworks
Chapter 6: Deployment and Installation
Chapter 7: Debugging and Migration
Chapter 8: Authoring Tutorials and Live Coding
Other Books You May Enjoy
Leave a review - let other readers know what you think
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Questions
Next
Next Chapter
Using Configurations and Options
Further reading
For a
full list
of loaders, go to
https://github.com/webpack-contrib/awesome-webpack
.
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset