List.community

awesome-webpack

webpack42k 6k is a module bundler.

webpack takes modules with dependencies and generates static assets representing those modules.

Awesome Webpack Awesome Build Status

A curated list of awesome Webpack resources, libraries, tools and applications

Inspired by the awesome68k 9k list. Feel free to improve this list by contributing!

Contents

Webpack Ecosystem

    Remember to Cast your vote for upcoming Webpack features!

Support Webpack

Documentation

Community

Twitter

People passionate about Webpack (In no particular order)

Back to top

Libraries

Loaders

File Type

  • File Loader543 100 : File loader module for Webpack. -- Maintainer: Webpack Team Github
  • URL Loader379 58 : URL loader module for Webpack. -- Maintainer: Webpack Team Github
  • HTML Loader393 104 : HTML loader module for Webpack. -- Maintainer: Webpack Team Github
  • Raw Loader4 2 : Raw file loader module for Webpack. -- Maintainer: Webpack Team Github
  • Image Loader78 6 : Image minimizing loader for webpack. -- Maintainer: Andy VanWagoner Github Twitter
  • Responsive Loader128 19 : Loader for responsive images. -- Maintainer: Jeremy Stucki Github
  • SVG Url Loader106 23 : Loader which loads SVG file as utf-8 encoded Url. -- Maintainer: Hovhannes Babayan Github
  • json5 Loader: json5 loader module for Webpack. -- Maintainer: Webpack Team Github
  • json Loader249 60 : json loader module for Webpack. -- Maintainer: Webpack Team Github
  • mermaid Loader: mermaid loader module (diagrams) for Webpack. -- Maintainer: Paul Musso Github
  • wasm loader189 10 : wasm binary loader module for Webpack. -- Maintainer: Arthur Buldauskas Github
  • Imagemin Loader/Plugin1 1 : Image minimizing loader + plugin for webpack. -- Maintainer: itgalaxy inc. Github
  • Bin Exec Loader: Pipe any file through any binary. -- Maintainer: Rafael Milewski Github

Component & Template

  • Angular2 Template Loader133 62 : Inlines html and style's in Angular2 components. -- Maintainer: Sean Larkin Github Twitter
  • Handlebars Loader169 64 : A handlebars template loader for Webpack. -- Maintainer: Paul Carduner Github Twitter
  • Vue Loader3k 595 : Webpack loader for Vue.js components. -- Maintainer: Vuejs Team Github Twitter
  • SVG React Loader252 39 - Webpack SVG to React Component Loader. -- Maintainer: Jerry Hamlet Github Twitter
  • Underscore Loader51 16 - Underscore and Lodash template loader. -- Maintainer: Emmanuel Antico Github Twitter
  • ngTemplate Loader184 54 - Angular1 Template Loader. -- Maintainer: Toby Rahilly Github
  • ngInlineStylesLoader2 1 : Optimizes inlined css of angular components. -- Maintainer: Severin Friede Github
  • Markup-inline Loader Inline SVGs to HTML -- Maintainer: Zhicheng Wang Github
  • Polymer Loader107 20 - Loader for Polymer elements. -- Maintainers: Rob Dodson Github - Chad Killingsworth Github - Bryan Coulter Github

Styles

  • Style Loader474 168 : Style loader module for Webpack. -- Maintainer: Webpack Team Github
  • PostCSS Loader2k 149 : PostCSS loader for Webpack. -- Maintainer: PostCSS Team Github Twitter
  • CSS Loader2k 229 : CSS loader module for Webpack. -- Maintainer: Webpack Team Github
  • SASS Loader1k 233 : SASS loader for Webpack. -- Maintainer: Jorik Tangelder Github Twitter
  • Less Loader297 95 : Less loader module for Webpack. -- Maintainer: Webpack Team Github
  • Stylus Loader258 96 : A stylus loader for webpack. -- Maintainer: Kyle Robinson Young Github Twitter
  • Isomorphic Style Loader689 88 : Isomorphic CSS style loader for Webpack. -- Maintainer: Kriasoft Team Github Twitter

Language & Framework

  • TS Loader1k 289 : TypeScript loader for webpack. -- Maintainer: TypeStrong Team Github
  • Awesome TypeScript Loader1k 156 : Awesome TS loader for Webpack. -- Maintainer: Stanislav Panferov Github Twitter
  • Coffee Loader8 11 : Coffee loader module for Webpack. -- Maintainer: Webpack Team Github
  • Bootstrap Loader836 386 : Load Bootstrap styles in your Webpack bundle. -- Maintainer: ShakaCode Team Github Twitter
  • PostHTML Loader2k 102 : PostHTML loader for Webpack. -- Maintainer: PostHTML Team Github Twitter
  • ELM Loader269 42 : Webpack loader for the Elm programming language. -- Maintainer: Richard Feldman Github Twitter

Utility

  • Babel Loader3k 318 : Webpack plugin for Babel. -- Maintainer: Babel Team Github Twitter
  • ESLint Loader592 127 : ESLint loader for Webpack. -- Maintainer: Maxime Thirouin Github Twitter
  • JSHint Loader10 5 : JSHint loader module for Webpack. -- Maintainer: Webpack Team Github
  • JSCS Loader23 5 : Run your source through the JSCS style checker. -- Maintainer: Daniel Perez Alvarez Github
  • Bundle Loader221 27 : Bundle loader for Webpack. -- Maintainer: Webpack Team Github
  • Worker Loader193 56 : Worker loader module for Webpack. -- Maintainer: Webpack Team Github
  • Resolve URL Loader205 30 : Resolves relative paths in url() statements. -- Maintainer: Ben Holloway Github
  • Import Loader259 31 : Imports loader module for Webpack. -- Maintainer: Webpack Team Github
  • SourceMap Loader73 23 : Extract sourceMappingURL comments from modules. -- Maintainer: Webpack Team Github
  • Combine Loader - Converts a loaders array into a single loader string. -- Maintainer: James Friend Github
  • Icon Font Loader - Generates an iconfont from SVG dependencies. -- Maintainer: Mike Vercoelen Github
  • Modernizr Loader - Get your modernizr build bundled with webpack. -- Maintainer: Peerigon Devs Github
  • ngRouter Loader24 7 - AOT capable NgModule lazy loading using angular router -- Maintainer: Shlomi Assaf Github Twitter

Testing

  • Mocha Loader105 54 : Mocha loader module for Webpack. -- Maintainer: Webpack Team Github
  • Karma Webpack516 132 : Use Karma with Webpack. -- Maintainer: Webpack Team Github
  • Istanbul Webpack plugin2 1 : Use Istanbul instrumenter for the whole pack. -- Maintainer: Hagai Cohen Github

Back to top

Integration Libraries

  • Dotenv Webpack222 35 : Compiles environment variables into your bundle via dotenv. -- Maintainer: Matthew Steele Github Twitter
  • Terse Webpack219 13 - Webpack simplified in a fluent API with presets. -- Maintainer: Eric Clemmons Github Twitter
  • SystemJS Webpack - Webpack bundling for SystemJS. -- Maintainer: Guy Bedford Github Twitter
  • Gulp Webpack Stream788 92 - Run webpack through a stream interface. -- Maintainer: Kyle Robinson Young Github Twitter
  • Webpack Blocks3k 128 - Configure webpack using functional feature blocks. -- Maintainer: Andy Wermke Github Twitter
  • Webpacker3k 544 - Offical webpack gem for integration into ruby on rails projects. -- Maintainer: Rails Github
  • WebpackAspnetMiddleware18 1 - Development middleware for ASP.NET 5. -- Maintainer: Frank Wallis Github

Back to top

Webpack Plugins

  • Extract Text Plugin2k 265 : Extract text from bundle into a file. -- Maintainer: Webpack Team Github
  • DefinePlugin: Create global constants which can be configured at compile time. -- Maintainer: Webpack Team Github
  • Compression Plugin189 33 : Prepare assets to serve with Content-Encoding. -- Maintainer: Webpack Team Github
  • Offline Plugin3k 175 : Offline plugin (ServiceWorker, AppCache) for Webpack. -- Maintainer: Arthur Stolyar Github Twitter
  • Rewire Plugin124 21 : Dependency injection for Webpack bundles. -- Maintainer: Johannes Ewald Github Twitter
  • HTML Webpack Plugin3k 370 : Simplifies creation of HTML files. -- Maintainer: Jan Nicklas Github Twitter
  • Copy Webpack Plugin704 72 : Copy files and directories in webpack. -- Maintainer: Len Boyette Github Twitter
  • Split By Path97 20 : Split By Path Webpack Plugin. -- Maintainer: Bohdan Tkachenko Github Twitter
  • SW Precache594 59 - Generates a service worker to precache bundle. -- Maintainer: Will Farley Github
  • CoreJS Plugin - Core-JS as a webpack plugin. -- Maintainer: PatrickJS Github
  • Bundle Analyzer4k 118 - Utility that represents bundles as an interactive treemap. -- Maintainer: Yuriy Grunin Github
  • Module Mapping - Maps modules onto different files. -- Maintainer: Spartez Team Github Twitter
  • Serverless Webpack303 117 - Serverless plugin to bundle your lambdas. -- Maintainer: Elastic Coders Github Twitter
  • Prerender SPA1k 95 - Framework-agnostic static site generation for SPAs. -- Maintainer: Chris Fritz Github Twitter
  • Static Site Generator Plugin1k 73 - Minimal, unopinionated static site generator. -- Maintainer: Mark Dalgleish Github
  • SVG Sprite Plugin57 2 - Plugin for SVG sprites and icons. -- Maintainer: Jeremy Tice (TodayTix) Github Twitter
  • Imagemin Webpack Plugin236 24 - Minify images with Imagemin. -- Maintainer: Gregory Benner Github Twitter
  • Prepack Webpack Plugin789 24 - A webpack plugin for prepack. -- Maintainer: Gajus Kuizinas Github
  • Modules CDN Webpack Plugin12 4 - Dynamically load your modules from a CDN. -- Maintainer: Thomas Sileghem Github
  • Generate package.json Plugin4 2 - Limit dependencies in a deployment package.json to only those that are actually being used by your bundle. -- Maintainer: Paul Myburgh Github
  • Progressive Web App Manifest26 5 - PWA manifest manager and generator. -- Maintainer: Arthur A. Bergamaschi Github
  • FileManager Webpack Plugin10 2 - Copy, move, delete files and directories before and after Webpack builds -- Maintainer: Gregory Nowakowski Github
  • Duplicate Package Checker Webpack Plugin321 9 - Warns you when multiple versions of the same package exist in your bundle -- Maintainer: Darren Scerri Github

Back to top

Webpack Tools

  • Webpack Dev Middleware1k 232 : Middleware which arguments a live bundle. -- Maintainer: Webpack Team Github
  • Webpack Dev Server3k 802 : Serves a webpack app. Updates the browser on changes. -- Maintainer: Webpack Team Github
  • Webpack Merge584 38 - Merge designed for Webpack. -- Maintainer: Juho Vepsäläinen Github Twitter
  • NPM Install Webpack1k 47 - Automatically install & save deps with Webpack. -- Maintainer: Eric Clemmons Github Twitter
  • Webpack Validator231 31 - Validates your webpack config with Joi. -- Maintainer: js-dxtools Team Github
  • Webpack Config Utils136 10 - Util. to make your webpack config easier to read. -- Maintainer: Kent C. Dodds Github Twitter
  • Angular2 Webpack Toolkit18 18 - Webpack tools and helpers for Angular 2. -- Maintainer: AngularClass Github Twitter
  • Webpack Bundle Analyzer4k 118 - Represents bundles as an interactive treemap. -- Maintainer: Yuriy Grunin Github Twitter
  • HJS Webpack2k 212 : Helpers/presets for setting up webpack with hotloading. -- Maintainer: Henrik Joreteg Github
  • Webpack Dashboard12k 367 : A CLI dashboard for webpack dev server. -- Maintainer: Formidable Labs Github
  • Neutrino3k 170 : Combines the power of Webpack with the simplicity of presets. -- Maintainer: Eli Perelman Github
  • Webpack Chain94 13 : A chaining API to generate and simplify the mod. of Webpack 2 configurations. -- Maintainer: Eli Perelman Github

Back to top

Research & Training

Articles

Videos

Courses

Books

  • SurviveJS - Webpack: Free book guiding from a webpack apprentice to master. Covers dev, prod, and advanced topics.

Webpack Examples

Community Examples

Angular

Framework Agnostic

React

Other

Back to top