webpack 常用插件#

统计信息：字数 20818 阅读42分钟

https://webpack.docschina.org/plugins/

官方插件#

Webpack 拥有丰富的插件接口。webpack 自身的大部分功能都使用这些插件接口。这使得 webpack 很灵活。

第三方插件#

查找更多第三方插件，请参阅 awesome-webpack。

Webpack Plugins#

• DefinePlugin: Create global constants which can be configured at compile time. -- Maintainer: Webpack Team
• Compression Plugin: Prepare assets to serve with Content-Encoding. -- Maintainer: Webpack Team
• Offline Plugin: Offline plugin (ServiceWorker, AppCache) for Webpack. -- Maintainer: Arthur Stolyar
• Rewire Plugin: Dependency injection for Webpack bundles. -- Maintainer: Johannes Ewald
• HTML Webpack Plugin: Simplifies creation of HTML files. -- Maintainer: Jan Nicklas
• Copy Webpack Plugin: Copy files and directories in webpack. -- Maintainer: Len Boyette
• Split By Path: Split By Path Webpack Plugin. -- Maintainer: Bohdan Tkachenko
• SW Precache - Generates a service worker to precache bundle. -- Maintainer: Will Farley
• CoreJS Plugin - Core-JS as a webpack plugin. -- Maintainer: PatrickJS
• Bundle Analyzer - Utility that represents bundles as an interactive treemap. -- Maintainer: Yuriy Grunin
• Module Mapping - Maps modules onto different files. -- Maintainer: Spartez Team
• Serverless Webpack - Serverless plugin to bundle your lambdas. -- Maintainer: Elastic Coders
• Prerender SPA - Framework-agnostic static site generation for SPAs. -- Maintainer: Chris Fritz
• Static Site Generator Plugin - Minimal, unopinionated static site generator. -- Maintainer: Mark Dalgleish
• SVG Sprite Plugin - Plugin for SVG sprites and icons. -- Maintainer: Jeremy Tice (TodayTix)
• Imagemin Webpack Plugin - Minify images with Imagemin. -- Maintainer: Gregory Benner
• Prepack Webpack Plugin - A webpack plugin for prepack. -- Maintainer: Gajus Kuizinas
• Modules CDN Webpack Plugin - Dynamically load your modules from a CDN. -- Maintainer: Thomas Sileghem
• Generate package.json Plugin - Limit dependencies in a deployment package.json to only those that are actually being used by your bundle. -- Maintainer: Paul Myburgh
• Progressive Web App Manifest - PWA manifest manager and generator. -- Maintainer: Arthur A. Bergamaschi
• FileManager Webpack Plugin - Copy, move, delete files and directories before and after Webpack builds -- Maintainer: Gregory Nowakowski
• Fork TS Checker Webpack Plugin - Webpack plugin that runs typescript type checker on a separate process. -- Maintainer: TypeStrong Team
• Duplicate Package Checker Webpack Plugin - Warns you when multiple versions of the same package exist in your bundle -- Maintainer: Darren Scerri
• Circular Dependency Plugin - Detect modules with circular dependencies when bundling -- Maintainer: Aaron Ackerman
• webpack-inject-plugin - A webpack plugin to dynamically inject code into the bundle. -- Maintainer: Adam Dierkens
• Public Path Manipulation Plugin - control publicPath of dynamically loaded resources at runtime -- Maintainer: Andrew Goldis
• Build Notifier Plugin - Display OS-level notifications for build errors and warnings. -- Maintainer: Rocco Cataldo
• CSS Cleanup Webpack Plugin - A plugin to remove duplicated and unused css rules -- Maintainer: Dominik Weber
• Extension Reloader - Hot reloading while developing browser extensions -- Maintainer: Rubens P. G. Cavalcante
• Htmls Webpack Plugin: Simple and fast multiple-htmls-generating plugin for webpack. -- Maintainer: Zack Young
• Mini css extract plugin: Lightweight CSS extraction plugin -- Maintainer: Webpack Contrib
• build-hash-webpack-plugin For each build, Webpack generates an in-memory hash allowing to know if two build outputs are the same or not. This plugin writes the described build hash in a separate json file. -- Maintainer: Réda Housni Alaoui
• webpack-hook-plugin - run any shell commands before or after webpack builds -- Maintainer: David Kwon
• Dynamic Vendor Webpack Plugin - Gives you a way to import vendors with dynamic variable and specific code splitting. -- Maintainer Lilian Saget-Lethias
• Define Variable Webpack Plugin - Enhancement of DefinePlugin to store defined things in actual variables. -- Maintainer Lilian Saget-Lethias
• Shell Script Webpack Plugin - A plugin for running arbitrary shell scripts when compiler hooks are triggered. -- Maintainer Drew Loomer
• Stylelint Webpack Plugin: A Stylelint plugin for webpack. -- Maintainer: Ricardo Gobbo de Souza
• ESLint Webpack Plugin: A ESLint plugin for webpack . -- Maintainer: Ricardo Gobbo de Souza
• Exclude Assets Webpack Plugin: A plugin to exclude assets from webpack output based on a path RegExp pattern. -- Maintainer: Klayton Faria
• Webpack Shell Plugin Next: A plugin allows you to run any shell commands before or after webpack builds. -- Maintainer: Kuzmin Pavel
• Gettext Webpack Plugin: Embed localization into your bundle using gettext. -- Maintainer: Juan Luis Paz
• Node Polyfill Plugin: Polyfill Node.js core modules. -- Maintainer: Richie Bendall
• Bytenode Plugin: Compile JavaScript into bytecode using bytenode. -- Maintainer: Herbert Treis Neto
• Chrome Extension Archive Webpack Plugin Create archive file to publish Chrome Exentions to Chrome Web Store -- Maintainer: KeisukeYamashita
• Layer-pack Webpack Plugin Allow to glob imports file & directories, build mono repo apps via inheritable source code / npm packages & share webpack configs -- Maintainer: Braun Nathanaël
• webpack-typescript-directory-compile-plugin Configure an source directory of typescript files and an output directory for JavaScript files. Each typescript file in the source directory and any newly added files will be compiled to individual JavaScript files. -- Maintainer: Stephen Sigwart
• CycloneDX Webpack Plugin: Create CycloneDX Software Bill of Materials (SBOM) from webpack bundles at compile time. -- Maintainer: OWASP CycloneDX Team