User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome webpack

A curated list of awesome Webpack resources, libraries and tools

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Feb. 27, 2021, 6:08 p.m.

Thank you webpack-contrib & contributors
View Topic on GitHub:
webpack-contrib/awesome-webpack

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

57.56K
7.61K
4d
MIT

Support Webpack

Help support the teams ongoing development efforts.

Documentation

Webpack 1.x Documentation

Webpack 2.x Documentation

Community

Twitter

File Type

File Loader

1.81K
269
16d
MIT

A loader for webpack which transforms files into base64 URIs

1.36K
144
25d
MIT

HTML Loader

1.06K
193
14d
MIT

A loader for webpack that allows importing files as a String

794
92
34d
MIT

Image minimizing loader for webpack

161
6
5m
MIT

A webpack loader for responsive images

528
69
24d
BSD-3-Clause

A webpack loader which loads SVG file as utf-8 encoded DataUrl string.

217
35
12d
MIT

[Deprecated] JSON5 loader for Webpack (can still be used for webpack 4)

72
18
68d
MIT

json loader module for webpack - UNMAINTAINED

431
80
2y 6m
MIT

mermaid loader for webpack

12
1
4y 4m
MIT

WASM webpack loader

599
28
3y 9d
MIT

Webpack loader and plugin to compress images using imagemin

92
13
50d
MIT

Execute any binary as a webpack loader

13
0
2y 7m
MIT

A webpack loader for .graphql documents

57
9
1y 10m
n/a

C/C++ to WASM Webpack Loader

108
17
2y 6m
MIT

Component & Template

Chain-to loader for webpack that inlines all html and style's in angular2 components.

205
75
4y 7d
MIT

A handlebars template loader for webpack

504
169
8m
n/a

📦 Webpack loader for Vue.js components

4.55K
839
73d
MIT

Webpack SVG to React Component Loader

551
76
2y 4m
MIT

A Underscore and Lodash template loader for Webpack

98
24
9m
MIT

Include AngularJS templates in the Webpack bundle and preload the template cache.

241
79
5m
MIT

A simple webpack loader for inlined stylesheets of angular components

3
1
4y 1d
MIT

a webpack loader to embed svg/MathML to html

25
12
37d
n/a

WebPack Loader for Polymer Web Components

192
42
1y 53d
MIT

Riot official webpack loader

52
9
99d
MIT

Webpack loader for compiling Twig.js templates

75
54
6m
MIT

Auto require AngularJS 1.x templates in Webpack style

9
3
80d
MIT

Pug loader module for Webpack

396
99
2y 11m
MIT

Webpack loader for Nunjucks templates

15
1
96d
MIT

Styles

Style Loader

1.5K
440
4m
MIT

PostCSS loader for webpack

2.68K
203
26d
MIT

CSS Loader

3.92K
576
9d
MIT

Compiles Sass to CSS

3.56K
370
19d
MIT

Compiles Less to CSS

841
168
27d
MIT

A stylus loader for webpack.

480
96
26d
MIT

CSS style loader for Webpack that is optimized for isomorphic (universal) web apps

1.2K
142
1y 9m
MIT

A light-weight and fast css minifier for css-in-js

1
0
1y 11m
MIT

SASS resources (e.g. variables, mixins etc.) loader for Webpack. Also works with less, post-css, etc.

892
70
32d
MIT

Language & Framework

TypeScript loader for webpack

2.87K
364
18d
MIT

Awesome TypeScript loader for webpack

2.35K
183
2y 113d
n/a

CoffeeScript Loader

133
54
68d
MIT

Load Bootstrap styles and scripts in your Webpack bundle

1.04K
533
109d
n/a

PostHTML for Webpack

34
7
5m
MIT

Webpack loader for the Elm programming language.

526
91
6m
BSD-3-Clause

Webpack loader for fengari

25
5
1y 11m
MIT

Utility

📦 Babel loader for webpack

4.41K
409
75d
MIT

[DEPRECATED] jshint loader for webpack, please migrate on eslint

68
40
2y 6m
MIT

Run your source through the JSCS style checker.

23
4
3y 8m
MIT

Bundle Loader

666
66
8m
MIT

A webpack loader that registers a script as a Web Worker

1.26K
258
17d
MIT

Webpack loader that resolves relative paths in url() statements based on the original source file

481
70
86d
n/a

Imports Loader

499
61
27d
MIT

extract sourceMappingURL comments from modules and offer it to webpack

293
73
18d
MIT

A webpack loader to convert svgs into font icons in CSS.

87
11
6m
MIT

Webpack loader for NgModule lazy loading using the angular router

47
6
4y 43d
MIT

🌍📖 A readable, automated, and optimized (5 kb) internationalization for JavaScript

2.79K
207
6m
MIT

A Webpack loader that runs an arbitrary script on matching files

16
3
10m
n/a

Extract EXIF- & IPTC-data from your JPGs during build-time.

10
2
11d
MIT

⚡️ Speed up your Webpack build with esbuild

1.01K
27
12d
MIT

Converts a loaders array into a single loader string. -- Maintainer: James Friend ![Github][githubicon]

Generates an iconfont from SVG dependencies. -- Maintainer: Mike Vercoelen ![Github][githubicon]

Get your modernizr build bundled with webpack. -- Maintainer: Peerigon Devs ![Github][githubicon]

Testing

Mocha Loader

145
53
68d
MIT

Karma webpack Middleware

818
217
14d
MIT

Webpack plugin for Istanbul

4
0
3y 12m
n/a

Integration Libraries

A secure webpack plugin that supports dotenv and other environment variables and only exposes what you choose and use.

1K
71
26d
MIT

Simplified, fluent Webpack API with presets. Describe what your app needs, not how.

214
12
4y 2d
MIT

Webpack bundling for SystemJS

27
4
4y 7m
MIT

Run webpack through a stream interface

1.35K
125
34d
MIT

📦 Configure webpack using functional feature blocks.

2.98K
115
79d
MIT

Use Webpack to manage app-like JavaScript modules in Rails

5.04K
1.36K
17d
MIT

Webpack development middleware for ASP.NET 5

51
6
2y 4m
n/a

A webpack plugin that convert the KV Store Endpoints in environment variables.

4
0
2y 25d
MIT

Webpack Plugins

[DEPRECATED] Please use https://github.com/webpack-contrib/mini-css-extract-plugin Extracts text from a bundle into a separate file

4.09K
549
1y 9m
MIT

Prepare compressed versions of assets to serve them with Content-Encoding

1.22K
101
48d
MIT

Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)

4.4K
287
1y 9m
MIT

Dependency injection for webpack bundles

123
19
4y 8m
Unlicense

Simplifies creation of HTML files to serve your webpack bundles

9.43K
1.17K
16d
MIT

Copy files and directories with webpack

2.56K
257
34d
MIT

Split a Webpack entry bundle by path into any number of arbitrarily defined smaller bundles

107
19
3y 7m
MIT

Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets. You can optionally pass sw-precache configuration options to webpack through this plugin.

1.44K
108
1y 35d
MIT

core-js builder as a Webpack Plugin

16
3
4y 6m
Apache-2.0

Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

10.72K
404
38d
MIT

Webpack plugin for mapping modules onto different files

23
2
3y 10m
n/a

Serverless plugin to bundle your lambdas with Webpack

1.47K
352
23d
MIT

Prerenders static HTML in a single-page application.

6.53K
574
8m
MIT

Minimal, unopinionated static site generator powered by webpack

1.59K
91
2y 102d
MIT

Webpack plugin for loading/extracting SVGs into a sprite file

73
4
2y 4m
MIT

Plugin to compress images with imagemin

663
56
1y 4m
MIT

A webpack plugin for prepack.

1.05K
44
2y 4m
n/a

Get your dependencies from a cdn rather than bundling them in your app

313
29
1y 11m
MIT

Generates a package.json file containing the external modules used by your webpack bundle

44
11
87d
n/a

Progressive Web App Manifest Generator for Webpack, with auto icon resizing and fingerprinting support.

445
82
103d
MIT

Recognizes certain classes of webpack errors and cleans, aggregates and prioritizes them to provide a better Developer Experience.

718
73
1y 68d
MIT

Copy, move, archive (zip/tar/tar.gz), delete files and directories before and after Webpack builds. Win32/Mac/*Nix supported

307
29
43d
MIT

Webpack plugin that runs typescript type checker on a separate process.

1.19K
166
4m
MIT

🕵️ Webpack plugin that warns you when a build contains multiple versions of the same package

631
37
2y 11m
MIT

Purgecss plugin for webpack

299
15
1y 29d
MIT

Detect circular dependencies in modules compiled with Webpack

599
33
4m
ISC

A webpack plugin to dynamically inject code into the bundle.

72
8
101d
n/a

Webpack plugin that allows to configure path or URL for fetching dynamic imports

141
19
4m
MIT

A Webpack plugin that generates OS notifications for build steps using node-notifier.

146
24
69d
MIT

🖖 Webpack plugin to remove unused css and duplicated css rules. Remove unused css in nuxtjs, gatsbyjs and more...

10
2
2y 49d
MIT

A upgrade from 🔥webpack-chrome-extension-reloader🔥, now on all browsers

350
34
1y 99d
MIT

A simple, flexible and fast html webpack plugin support multiple htmls

10
1
1y 9m
MIT

Lightweight CSS extraction plugin

4.17K
354
13d
MIT

run any shell commands before or after webpack builds (with type definition)

19
0
9m
n/a

A Webpack plugin that gives you a way to import vendors with dynamic variable and specific code splitting

11
0
2y 106d
MIT

Enhancement of Webpack DefinePlugin to store defined things in actual variables

1
1
1y 7m
MIT

A Webpack plugin for running a shell script(s) on any hook provided by Webpack.

3
1
5m
n/a

A Stylelint plugin for webpack

403
63
108d
MIT

A ESLint plugin for webpack

104
17
11d
MIT

Run shell commands either before or after webpack 4 and 5 builds

33
5
110d
MIT

Embed localization into your webpack's bundle using gettext

1
0
1y 6m
MIT

Polyfill Node.js core modules in Webpack.

8
1
55d
MIT

Create global constants which can be configured at compile time. -- Maintainer: Webpack Team ![Github][githubicon]

Webpack Tools

A development middleware for webpack

2.21K
334
15d
MIT

Serves a webpack app. Updates the browser on changes. Documentation https://webpack.js.org/configuration/dev-server/.

6.77K
1.2K
10d
MIT

Merge designed for webpack

2.32K
117
47d
MIT

Speed up development by automatically installing & saving dependencies with Webpack.

1.42K
80
1y 50d
MIT

Validates your webpack config with Joi

295
27
2y 10m
MIT

Utilities to help your webpack config be easier to read

249
23
7m
MIT

Webpack tools and helpers for Angular 2 by @AngularClass

16
13
4y 5m
Apache-2.0

Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

10.72K
404
38d
MIT

Helpers/presets for setting up webpack with hotloading react and ES6(2015) using Babel.

1.81K
142
1y 8m
n/a

A CLI dashboard for webpack dev server

13.74K
421
30d
MIT

Create and build modern JavaScript projects with zero initial configuration.

3.72K
237
67d
MPL-2.0

A chaining API to generate and simplify the modification of Webpack configurations.

2.48K
171
47d
MPL-2.0

⏱ See how fast (or not) your plugins and loaders are, so you can optimise your builds

1.64K
57
36d
MIT

In-depth bundle analyzer for webpack(bundle size, assets, modules, packages)

136
7
17d
MIT

Easy way to create landing page that converts #paindreamfix

11
2
1y 115d
n/a

Prevents access to dev server from unknown IPs

11
0
7m
MIT

Webpack bundle analysis on every commit, report webpack stats to every pull request.

Articles

Videos

Courses

Books

Free book guiding from a webpack apprentice to master. Covers dev, prod, and advanced topics.

Webpack Examples

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

57.56K
7.61K
4d
MIT

Angular

Angular Starter

10.4K
5.21K
6m
MIT

A complete, yet simple, starter for Angular v2+ using webpack

1.33K
604
3y 7m
MIT

Template for ASP.NET Core, Angular with Webpack and Visual Studio

498
130
77d
MIT

Angular2 starter kit with Typescript and Webpack

69
31
3y 11m
n/a

[Archived] This repository has been archived

3.13K
544
10m
Apache-2.0
1.04K
713
2y 116d
MIT

Framework Agnostic

This is the companion github repo for the "An Annotated webpack 4 Config for Frontend Web Development" article.

422
77
6m
MIT

The vanillajs example converted to es6

351
377
3y 5m
MIT

React

Set up a modern web app by running one command.

86.02K
21.25K
10d
MIT

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

20.58K
4.03K
4m
MIT

A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform

12.04K
2.62K
2y 10m
MIT

webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate (unmaintained, I don't use it anymore)

2.98K
300
2y 9m
n/a

Your One-Stop solution for a full-stack universal Redux App!

2.74K
586
75d
MIT

Mobile, desktop and website Apps with the same code

5.04K
847
7m
MIT

TodoMVC example for react with development tools to build a cordova application

206
56
3y 12d
MIT

A starter kit for universal react applications.

1.71K
269
3y 4m
MIT

Budgeting - React + Redux + Webpack (tree shaking) Sample App

971
296
9m
MIT

Razzle Material-UI example with Styled Components using Express with compression

117
14
2y 68d
n/a

React starter with Typescript, Webpack 4, Sass, Redux, Redux thunk

6
3
77d
n/a

A highly scalable react boilerplate using webpack

1
2
78d
MIT

Vue

A highly scalable vue boilerplate using webpack

0
1
69d
MIT

Other

Webpack questions/answers you can use to prepare for interviews or test your knowledge.

158
50
3y 26d
n/a

JavaScript Air](https://javascriptair.com) podcast

A visual tool for creating webpack configs in your browser