EAO
Entry and Output
Defines the starting point and output bundle of the application.
Webpack Concepts for Practical Learning
30 Concepts Explained
WP
Webpack Plugins
Extends Webpack with additional functionality.
WCS
Webpack Code Splitting
Breaks bundles into smaller chunks for optimized loading.
TS
Tree Shaking
Eliminates unused code to reduce bundle size.
DI
Dynamic Imports
Loads modules asynchronously using import().
SM
Source Maps
Maps compiled code back to original source for debugging.
WHMR
Webpack Hot Module Replacement
Updates modules without reloading the page.
C
Caching
Uses content hashes for long-term caching of assets.
WC
webpack config
Main configuration file defining Webpack behavior.
T
Target
Defines the environment for bundling (web, node, electron).
CL
CSS Loader
Allows importing CSS files into JavaScript modules.
O
Output
Specifies where and how bundled files are emitted.
M
Mode
Sets build mode to development, production, or none.
WM
Webpack Modules
Supports ES Modules, CommonJS, and AMD formats.
WM
Watch Mode
Automatically rebuilds bundles when files change.
D
DevServer
Provides live reloading and HMR during development.
WEV
Webpack Environment Variables
Injects environment values via DefinePlugin.
SL
Style Loader
Injects CSS styles directly into the DOM.
DG
Dependency Graph
Represents all modules and their dependencies internally.
MEP
Multiple Entry Points
Supports multi-page applications with multiple entries.
AM
Asset Modules
Handles images, fonts, and other static assets.
UL
URL Loader
Converts small files into Base64 inline strings.
M
MiniCssExtractPlugin
Extracts CSS into separate files for production builds.
BA
Bundle Analysis
Visualizes bundle size and composition using analyzer tools.
E
Entry
Defines the starting point of the application for bundling.
M
Minification
Reduces file size using tools like Terser.
OF
Output Filenames
Uses placeholders like [name] and [contenthash] for dynamic naming.
R
Resolve
Controls how modules are resolved (extensions, aliases).
FL
File Loader
Emits files to the output directory.
IO
Image Optimization
Compresses and optimizes images during build.