Documentation
Contribute
Blog
English
中文
한국어
Search
API
concepts
configuration
guides
loaders
migrate
plugins
Datagrid and Charting for Enterprise Applications
webpack 5
webpack 4
Print Section
Guides
Getting Started
Basic Setup
Creating a Bundle
Modules
Using a Configuration
NPM Scripts
Conclusion
Asset Management
Setup
Loading CSS
Loading Images
Loading Fonts
Loading Data
Customize parser of JSON modules
Global Assets
Wrapping up
Next guide
Further Reading
Output Management
Preparation
Setting up HtmlWebpackPlugin
Cleaning up the /dist folder
The Manifest
Conclusion
Development
Using source maps
Choosing a Development Tool
Using Watch Mode
Using webpack-dev-server
Using webpack-dev-middleware
Adjusting Your Text Editor
Conclusion
Code Splitting
Entry Points
Prevent Duplication
Entry dependencies
SplitChunksPlugin
Dynamic Imports
Prefetching/Preloading modules
Bundle Analysis
Next Steps
Caching
Output Filenames
Extracting Boilerplate
Module Identifiers
Conclusion
Authoring Libraries
Authoring a Library
Webpack Configuration
Expose the Library
Externalize Lodash
External Limitations
Final Steps
Environment Variables
Build Performance
General
Stay Up to Date
Loaders
Bootstrap
Resolving
Dlls
Smaller = Faster
Worker Pool
Persistent cache
Custom plugins/loaders
Progress plugin
Development
Incremental Builds
Compile in Memory
stats.toJson speed
Devtool
Avoid Production Specific Tooling
Minimal Entry Chunk
Avoid Extra Optimization Steps
Output Without Path Info
Node.js Versions 8.9.10-9.11.1
TypeScript Loader
Production
Source Maps
Specific Tooling Issues
Babel
TypeScript
Sass
Content Security Policies
Examples
Enabling CSP
Trusted Types
Development - Vagrant
Configuring the Project
Running the Server
Advanced Usage with nginx
Conclusion
Dependency Management
require with expression
require.context
context module API
Installation
Prerequisites
Local Installation
Global Installation
Bleeding Edge
Hot Module Replacement
Enabling HMR
Via the Node.js API
Gotchas
HMR with Stylesheets
Other Code and Frameworks
Tree Shaking
Add a Utility
Mark the file as side-effect-free
Clarifying tree shaking and sideEffects
Mark a function call as side-effect-free
Minify the Output
Conclusion
Production
Setup
NPM Scripts
Specify the Mode
Minification
Source Mapping
Minimize CSS
CLI Alternatives
Lazy Loading
Example
Frameworks
ECMAScript Modules
Exporting
Importing
Flagging modules as ESM
Shimming
Shimming Globals
Granular Shimming
Global Exports
Loading Polyfills
Further Optimizations
Node Built-Ins
Other Utilities
TypeScript
Basic Setup
Ways to Use TypeScript in webpack.config.ts
Loader
Source Maps
Client types
Using Third Party Libraries
Importing Other Assets
Build Performance
Web Workers
Syntax
Example
Node.js
Progressive Web Application
We Don't Work Offline Now
Adding Workbox
Registering Our Service Worker
Conclusion
Public Path
Use Cases
Environment Based
On The Fly
Integrations
NPM Scripts
Grunt
Gulp
Mocha
Karma
Asset Modules
Public Path
On The Fly Override
Resource assets
Custom output filename
Inlining assets
Custom data URI generator
Source assets
URL assets
General asset type
Replacing Inline Loader Syntax
Disable emitting assets
Advanced entry
Multiple file types per entry
Package exports
General syntax
Alternatives
Conditional syntax
Abbreviation
Notes about ordering
Support
Conditions
Reference syntax
Optimizations
Target environment
Conditions: Preprocessor and runtimes
Conditions: Custom
Common patterns
