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: Nov. 30, 2020, 12:13 a.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.

56.56K
7.39K
2d
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.79K
268
34d
MIT

A loader for webpack which transforms files into base64 URIs

1.34K
137
48d
MIT

HTML Loader

1.05K
193
12d
MIT

A loader for webpack that allows importing files as a String

776
86
48d
MIT

Image minimizing loader for webpack

160
6
73d
MIT

A webpack loader for responsive images

508
69
17d
BSD-3-Clause

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

214
35
1d
MIT

JSON5 loader for Webpack

71
17
48d
MIT

json loader module for webpack - UNMAINTAINED

431
80
2y 103d
MIT

mermaid loader for webpack

12
1
4y 37d
MIT

WASM webpack loader

577
28
2y 9m
MIT

Webpack loader and plugin to compress images using imagemin

85
13
48d
MIT

Execute any binary as a webpack loader

12
0
2y 4m
MIT

A webpack loader for .graphql documents

54
8
1y 7m
n/a

C/C++ to WASM Webpack Loader

104
16
2y 92d
MIT

Component & Template

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

205
75
3y 9m
MIT

A handlebars template loader for webpack

500
168
5m
n/a

📦 Webpack loader for Vue.js components

4.49K
826
19d
MIT

Webpack SVG to React Component Loader

548
77
2y 47d
MIT

A Underscore and Lodash template loader for Webpack

98
24
6m
MIT

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

241
81
73d
MIT

A simple webpack loader for inlined stylesheets of angular components

3
1
3y 9m
MIT

a webpack loader to embed svg/MathML to html

25
12
1y 66d
n/a

WebPack Loader for Polymer Web Components

193
41
10m
MIT

Riot official webpack loader

52
10
9d
MIT

Webpack loader for compiling Twig.js templates

75
53
106d
MIT

Auto require AngularJS 1.x templates in Webpack style

9
3
30d
MIT

Pug loader module for Webpack

393
93
2y 8m
MIT

Webpack loader for Nunjucks templates

14
0
6d
MIT

Styles

Style Loader

1.49K
439
48d
MIT

PostCSS loader for webpack

2.65K
200
5d
MIT

CSS Loader

3.89K
569
14d
MIT

Compiles Sass to CSS

3.52K
366
19d
MIT

Compiles Less to CSS

836
164
19d
MIT

A stylus loader for webpack.

477
96
19d
MIT

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

1.18K
137
1y 6m
MIT

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

1
0
1y 8m
MIT

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

883
64
63d
MIT

Language & Framework

TypeScript loader for webpack

2.8K
350
8d
MIT

Awesome TypeScript loader for webpack

2.34K
182
2y 23d
n/a

CoffeeScript Loader

130
54
48d
MIT

Load Bootstrap styles and scripts in your Webpack bundle

1.03K
530
19d
n/a

PostHTML for Webpack

34
7
76d
MIT

Webpack loader for the Elm programming language.

521
87
96d
BSD-3-Clause

Webpack loader for fengari

25
5
1y 8m
MIT

Utility

📦 Babel loader for webpack

4.35K
401
4d
MIT

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

68
39
2y 109d
MIT

Run your source through the JSCS style checker.

23
4
3y 5m
MIT

Bundle Loader

667
65
5m
MIT

A webpack loader that registers a script as a Web Worker

1.22K
251
45d
MIT

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

466
68
12d
n/a

Imports Loader

494
59
23d
MIT

extract sourceMappingURL comments from modules and offer it to webpack

289
71
30d
MIT

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

85
11
91d
MIT

Webpack loader for NgModule lazy loading using the angular router

47
6
3y 10m
MIT

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

2.79K
207
101d
MIT

A Webpack loader that runs an arbitrary script on matching files

15
3
7m
n/a

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

9
2
2d
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
52
46d
MIT

Karma webpack Middleware

814
205
1y 5m
MIT

Webpack plugin for Istanbul

4
0
3y 9m
n/a

Integration Libraries

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

952
64
5d
MIT

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

213
12
3y 9m
MIT

Webpack bundling for SystemJS

27
4
4y 4m
MIT

Run webpack through a stream interface

1.34K
125
15d
MIT

📦 Configure webpack using functional feature blocks.

2.98K
117
82d
MIT

Use Webpack to manage app-like JavaScript modules in Rails

4.94K
1.32K
11d
MIT

Webpack development middleware for ASP.NET 5

48
7
2y 57d
n/a

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

3
0
1y 10m
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.08K
553
1y 6m
MIT

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

1.19K
92
18d
MIT

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

4.38K
287
1y 6m
MIT

Dependency injection for webpack bundles

123
18
4y 5m
Unlicense

Simplifies creation of HTML files to serve your webpack bundles

9.24K
1.16K
18d
MIT

Copy files and directories with webpack

2.52K
245
11d
MIT

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

107
19
3y 4m
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.45K
108
10m
MIT

core-js builder as a Webpack Plugin

16
3
4y 102d
Apache-2.0

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

10.48K
388
12d
MIT

Webpack plugin for mapping modules onto different files

23
2
3y 7m
n/a

Serverless plugin to bundle your lambdas with Webpack

1.44K
340
77d
MIT

Prerenders static HTML in a single-page application.

6.39K
555
5m
MIT

Minimal, unopinionated static site generator powered by webpack

1.58K
88
2y 12d
MIT

Webpack plugin for loading/extracting SVGs into a sprite file

73
4
2y 52d
MIT

Plugin to compress images with imagemin

657
53
1y 45d
MIT

A webpack plugin for prepack.

1.05K
44
2y 55d
n/a

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

305
26
1y 8m
MIT

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

41
9
3d
n/a

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

431
78
13d
MIT

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

702
71
11m
MIT

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

280
24
11d
MIT

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

1.19K
166
37d
MIT

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

623
31
2y 8m
MIT

Purgecss plugin for webpack

299
15
10m
MIT

Detect circular dependencies in modules compiled with Webpack

577
32
30d
ISC

A webpack plugin to dynamically inject code into the bundle.

65
9
11d
n/a

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

131
18
48d
MIT

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

145
24
5d
MIT

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

10
1
1y 10m
MIT

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

330
28
1y 9d
MIT

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

9
1
1y 6m
MIT

Lightweight CSS extraction plugin

4.1K
341
18d
MIT

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

17
0
6m
n/a

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

9
0
2y 16d
MIT

Enhancement of Webpack DefinePlugin to store defined things in actual variables

1
1
1y 4m
MIT

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

2
1
87d
n/a

A Stylelint plugin for webpack

398
63
18d
MIT

A ESLint plugin for webpack

69
12
10d
MIT

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

Webpack Tools

A development middleware for webpack

2.15K
332
2d
MIT

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

6.59K
1.17K
3d
MIT

Merge designed for webpack

2.26K
115
18d
MIT

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

1.42K
79
10m
MIT

Validates your webpack config with Joi

294
27
2y 7m
MIT

Utilities to help your webpack config be easier to read

249
24
4m
MIT

Webpack tools and helpers for Angular 2 by @AngularClass

16
13
4y 83d
Apache-2.0

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

10.48K
388
12d
MIT

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

1.81K
145
1y 5m
n/a

A CLI dashboard for webpack dev server

13.72K
416
86d
MIT

Create and build modern JavaScript projects with zero initial configuration.

3.67K
236
49d
MPL-2.0

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

2.39K
165
80d
MPL-2.0

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

1.51K
42
8m
MIT

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

126
6
14d
MIT

Easy way to create landing page that converts #paindreamfix

10
2
1y 25d
n/a

Prevents access to dev server from unknown IPs

11
0
4m
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.

56.56K
7.39K
2d
MIT

Angular

Angular Starter

10.39K
5.24K
114d
MIT

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

1.33K
610
3y 4m
MIT

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

499
131
76d
MIT

Angular2 starter kit with Typescript and Webpack

69
31
3y 8m
n/a

[Archived] This repository has been archived

3.12K
542
7m
Apache-2.0
1.04K
713
2y 26d
MIT

Framework Agnostic

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

416
78
108d
MIT

The vanillajs example converted to es6

352
379
3y 72d
MIT

React

Set up a modern web app by running one command.

84.19K
20.64K
4d
MIT

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

20.47K
4.02K
58d
MIT

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

12.02K
2.62K
2y 7m
MIT

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

2.98K
302
2y 6m
n/a

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

2.71K
581
14d
MIT

Mobile, desktop and website Apps with the same code

5.02K
840
4m
MIT

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

205
56
2y 9m
MIT

A starter kit for universal react applications.

1.71K
270
3y 58d
MIT

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

972
296
6m
MIT

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

116
14
1y 11m
n/a

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

6
3
1y 7m
n/a

Other

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

155
47
2y 10m
n/a

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

A visual tool for creating webpack configs in your browser