# webpack ## Docs - [CLI Commands](https://docs.webpack.js.org/api/cli/commands.md): Reference for webpack CLI commands including build, serve, watch, and init - [CLI Flags](https://docs.webpack.js.org/api/cli/flags.md): Complete reference for webpack CLI flags and options - [Compilation API](https://docs.webpack.js.org/api/compilation.md): webpack Compilation class API - assets, modules, chunks, and hooks - [Compiler API](https://docs.webpack.js.org/api/compiler.md): webpack Compiler class API - hooks, methods, and properties - [LoaderContext API](https://docs.webpack.js.org/api/loaders/api.md): Complete reference for the webpack loader context API - [Loader System Overview](https://docs.webpack.js.org/api/loaders/overview.md): Understand how webpack loaders transform module source code - [Pitching Loaders](https://docs.webpack.js.org/api/loaders/pitching.md): Understand the pitching phase and advanced loader execution flow - [import()](https://docs.webpack.js.org/api/module-methods/import.md): Dynamic imports for code splitting and lazy loading in webpack - [Module Variables](https://docs.webpack.js.org/api/module-methods/module-variables.md): Special webpack module variables for runtime configuration and metadata - [require() and require.resolve()](https://docs.webpack.js.org/api/module-methods/require.md): CommonJS module loading methods in webpack - [require.context()](https://docs.webpack.js.org/api/module-methods/require-context.md): Dynamically require multiple modules with a single expression - [Node.js API](https://docs.webpack.js.org/api/node.md): webpack Node.js API documentation - webpack() function for programmatic usage - [Compilation Hooks](https://docs.webpack.js.org/api/plugins/compilation-hooks.md): Reference for webpack Compilation lifecycle hooks - [Compiler Hooks](https://docs.webpack.js.org/api/plugins/compiler-hooks.md): Reference for all webpack Compiler lifecycle hooks - [Module Factory Hooks](https://docs.webpack.js.org/api/plugins/module-factories.md): Customize how webpack creates and resolves modules - [Plugin System Overview](https://docs.webpack.js.org/api/plugins/overview.md): Learn how to create webpack plugins using the Tapable hook system - [Parser Hooks](https://docs.webpack.js.org/api/plugins/parser.md): Customize how webpack parses your code with parser hooks - [Tapable](https://docs.webpack.js.org/api/plugins/tapable.md): Understanding the Tapable hook system that powers webpack plugins - [Resolver API](https://docs.webpack.js.org/api/resolvers.md): webpack Resolver API - module resolution and ResolverFactory - [Stats Object](https://docs.webpack.js.org/api/stats.md): webpack Stats object API - compilation statistics and output information - [Dependency Graph](https://docs.webpack.js.org/concepts/dependency-graph.md): Understanding how webpack builds and traverses the module dependency graph - [Entry Points](https://docs.webpack.js.org/concepts/entry.md): Learn how webpack uses entry points to start building the dependency graph - [Hot Module Replacement](https://docs.webpack.js.org/concepts/hot-module-replacement.md): Update modules in the browser without a full reload using HMR - [Loaders](https://docs.webpack.js.org/concepts/loaders.md): Transform files and modules as they're added to the dependency graph - [Mode](https://docs.webpack.js.org/concepts/mode.md): Configure webpack for development or production with built-in optimizations - [Module Resolution](https://docs.webpack.js.org/concepts/module-resolution.md): Learn how webpack resolves module paths and configures the resolver - [Modules](https://docs.webpack.js.org/concepts/modules.md): Understanding webpack's module system and how modules are processed - [Output Configuration](https://docs.webpack.js.org/concepts/output.md): Configure how and where webpack outputs bundles, assets, and chunks - [Plugins](https://docs.webpack.js.org/concepts/plugins.md): Extend webpack's functionality with plugins that tap into the compilation lifecycle - [Targets](https://docs.webpack.js.org/concepts/targets.md): Configure webpack to compile for specific deployment environments - [Dev Server](https://docs.webpack.js.org/configuration/devserver.md): Configure the webpack development server for fast development - [DevTool (Source Maps)](https://docs.webpack.js.org/configuration/devtool.md): Configure source map generation for debugging - [Entry and Context](https://docs.webpack.js.org/configuration/entry-context.md): Configure entry points and base directory for module resolution - [Externals](https://docs.webpack.js.org/configuration/externals.md): Exclude dependencies from the output bundles - [Module](https://docs.webpack.js.org/configuration/module.md): Configure how different module types are processed with rules and loaders - [Node](https://docs.webpack.js.org/configuration/node.md): Configure Node.js polyfills and mocks for browser bundles - [Optimization](https://docs.webpack.js.org/configuration/optimization.md): Customize webpack's optimization behavior for better bundle performance - [Output](https://docs.webpack.js.org/configuration/output.md): Control how webpack writes compiled files to disk - [Configuration Overview](https://docs.webpack.js.org/configuration/overview.md): Overview of webpack configuration options and structure - [Performance](https://docs.webpack.js.org/configuration/performance.md): Configure performance hints and budgets for your webpack build - [Plugins](https://docs.webpack.js.org/configuration/plugins.md): Add additional functionality to webpack through plugins - [Resolve](https://docs.webpack.js.org/configuration/resolve.md): Configure how modules are resolved and located - [Stats](https://docs.webpack.js.org/configuration/stats.md): Control webpack compilation output statistics and logging - [Asset Modules](https://docs.webpack.js.org/guides/asset-modules.md): Handle images, fonts, and other assets with webpack's built-in asset modules - [Caching](https://docs.webpack.js.org/guides/caching.md): Optimize build performance and enable long-term browser caching - [Code Splitting](https://docs.webpack.js.org/guides/code-splitting.md): Split your code into separate bundles and load them on demand - [Development Setup](https://docs.webpack.js.org/guides/development.md): Configure webpack for an optimal development experience - [Lazy Loading](https://docs.webpack.js.org/guides/lazy-loading.md): Load code on demand to improve initial load performance - [Module Federation](https://docs.webpack.js.org/guides/module-federation.md): Share code between independent webpack builds at runtime - [Production Build](https://docs.webpack.js.org/guides/production.md): Optimize your webpack build for production deployment - [Progressive Web Application (PWA)](https://docs.webpack.js.org/guides/progressive-web-application.md): Build offline-capable, installable web apps with webpack - [Tree Shaking](https://docs.webpack.js.org/guides/tree-shaking.md): Remove unused code from your bundles - [TypeScript Integration](https://docs.webpack.js.org/guides/typescript.md): Configure webpack to build TypeScript applications - [Web Workers](https://docs.webpack.js.org/guides/web-workers.md): Run JavaScript in background threads with webpack's Web Worker support - [Installation](https://docs.webpack.js.org/installation.md): Install webpack and start bundling your JavaScript modules - [Introduction to webpack](https://docs.webpack.js.org/introduction.md): A powerful JavaScript module bundler for modern web applications - [babel-loader](https://docs.webpack.js.org/loaders/babel-loader.md): Use Babel to transform modern JavaScript and JSX in webpack - [css-loader](https://docs.webpack.js.org/loaders/css-loader.md): Interpret @import and url() like import/require() and resolve them - [file-loader](https://docs.webpack.js.org/loaders/file-loader.md): Emit files to the output directory and return public URLs (deprecated) - [Loaders Overview](https://docs.webpack.js.org/loaders/overview.md): Understanding webpack loaders and how to use them in your build configuration - [raw-loader](https://docs.webpack.js.org/loaders/raw-loader.md): Import files as strings - [sass-loader](https://docs.webpack.js.org/loaders/sass-loader.md): Compile Sass/SCSS to CSS in webpack - [style-loader](https://docs.webpack.js.org/loaders/style-loader.md): Inject CSS into the DOM by adding style tags - [ts-loader](https://docs.webpack.js.org/loaders/ts-loader.md): Compile TypeScript to JavaScript in webpack - [url-loader](https://docs.webpack.js.org/loaders/url-loader.md): Transform files into base64 URIs (deprecated) - [BannerPlugin](https://docs.webpack.js.org/plugins/banner-plugin.md): Add a banner comment to the top of generated chunks - [CleanPlugin](https://docs.webpack.js.org/plugins/clean-plugin.md): Clean the output directory before each build - [ContextReplacementPlugin](https://docs.webpack.js.org/plugins/context-replacement-plugin.md): Override the context module resolution behavior - [Define a Plugin](https://docs.webpack.js.org/plugins/define-plugin.md): Learn how to create custom webpack plugins - [DllPlugin](https://docs.webpack.js.org/plugins/dll-plugin.md): Split bundles to improve build performance with DLL bundles - [DotenvPlugin](https://docs.webpack.js.org/plugins/dotenv-plugin.md): Load environment variables from .env files - [EnvironmentPlugin](https://docs.webpack.js.org/plugins/environment-plugin.md): Define environment variables using process.env syntax - [HotModuleReplacementPlugin](https://docs.webpack.js.org/plugins/hot-module-replacement-plugin.md): Enable Hot Module Replacement (HMR) for faster development - [HtmlWebpackPlugin](https://docs.webpack.js.org/plugins/html-webpack-plugin.md): Simplify creation of HTML files to serve your webpack bundles - [IgnorePlugin](https://docs.webpack.js.org/plugins/ignore-plugin.md): Exclude modules from bundles by matching import patterns - [LimitChunkCountPlugin](https://docs.webpack.js.org/plugins/limit-chunk-count-plugin.md): Control the maximum number of chunks in your webpack build - [MinChunkSizePlugin](https://docs.webpack.js.org/plugins/min-chunk-size-plugin.md): Merge small chunks to optimize bundle size and reduce overhead - [MiniCssExtractPlugin](https://docs.webpack.js.org/plugins/mini-css-extract-plugin.md): Extract CSS into separate files for production builds - [ModuleConcatenationPlugin](https://docs.webpack.js.org/plugins/module-concatenation-plugin.md): Enable scope hoisting to reduce bundle size and improve runtime performance - [ModuleFederationPlugin](https://docs.webpack.js.org/plugins/module-federation-plugin.md): Enable Module Federation for micro-frontends architecture - [NormalModuleReplacementPlugin](https://docs.webpack.js.org/plugins/normal-module-replacement-plugin.md): Replace modules matching a pattern with alternative modules - [Plugins Overview](https://docs.webpack.js.org/plugins/overview.md): Learn about webpack's plugin system and available built-in plugins - [ProgressPlugin](https://docs.webpack.js.org/plugins/progress-plugin.md): Report compilation progress during webpack builds - [ProvidePlugin](https://docs.webpack.js.org/plugins/provide-plugin.md): Automatically load modules as free variables throughout your codebase - [SplitChunksPlugin](https://docs.webpack.js.org/plugins/split-chunks-plugin.md): Split your code into separate chunks for better caching and parallel loading - [Quickstart](https://docs.webpack.js.org/quickstart.md): Get started with webpack and create your first bundle