Ranked awesome lists, all in one place
This list is a copy of webpack-contrib/awesome-webpack with ranks
webpack ★41885 is a module bundler.
webpack takes modules with dependencies and generates static assets representing those modules.
Awesome Webpack ★87749
A curated list of awesome Webpack resources, libraries, tools and applications
- Research & Training
Remember to Cast your vote for upcoming Webpack features!
- Webpack Open Collective - Help support the teams ongoing development efforts.
People passionate about Webpack (In no particular order)
- Sean T. Larkin - @TheLarkInn TPM at Microsoft. Developer Advocate and webpack core team member.
- Juho Vepsäläinen - @bebraw from SurviveJS and webpack core team member.
- Eric Clemmons - @ericclemmons VP of Software Development at HigherEdHQ. Webpack member.
- Patrick Stapleton - @gdi2290 from AngularClass, AngularAir and Angular Universal ★3006. Webpack member.
- Johannes Ewald - @Jhnnns: Webpack core team member.
- Joshua Wiens - @d3viant0ne: Technical Lead for EasyMetrics. Webpack member.
- Jonathan Creamer - @jcreamer898: Microsoft MVP and Telerik Developer Expert.
- Kees Kluskens - @keeskluskens: - Software Engineer at Code Yellow, Webpack core team member.
- File Loader: File loader module for Webpack. – Maintainer:
- URL Loader: URL loader module for Webpack. – Maintainer:
- HTML Loader: HTML loader module for Webpack. – Maintainer:
- Raw Loader: Raw file loader module for Webpack. – Maintainer:
- Image Loader: Image minimizing loader for webpack. – Maintainer:
- Responsive Loader ★238: Loader for responsive images. – Maintainer:
- SVG Url Loader ★132: Loader which loads SVG file as utf-8 encoded Url. – Maintainer:
- json5 Loader: json5 loader module for Webpack. – Maintainer:
- json Loader: json loader module for Webpack. – Maintainer:
- mermaid Loader ★9 ⏳1Y: mermaid loader module (diagrams) for Webpack. – Maintainer:
- wasm loader ★376: wasm binary loader module for Webpack. – Maintainer:
- Imagemin Loader/Plugin ★12: Image minimizing loader + plugin for webpack. – Maintainer:
- Bin Exec Loader ★5: Pipe any file through any binary. – Maintainer:
- GraphQL Loader:
.graphqldocument loader. – Maintainer:
Component & Template
- Angular2 Template Loader ★179: Inlines html and style’s in Angular2 components. – Maintainer:
- Handlebars Loader ★348: A handlebars template loader for Webpack. – Maintainer:
- Vue Loader ★3174: Webpack loader for Vue.js components. – Maintainer:
- SVG React Loader ★393 - Webpack SVG to React Component Loader. – Maintainer:
- Underscore Loader ★72 - Underscore and Lodash template loader. – Maintainer:
- ngTemplate Loader ★222 - Angular1 Template Loader. – Maintainer:
- ngInlineStylesLoader ★3 ⏳1Y: Optimizes inlined css of angular components. – Maintainer:
- Markup-inline Loader ★20 Inline SVGs to HTML – Maintainer:
- Polymer Loader ★160 - Loader for Polymer elements. – Maintainers:
- Style Loader: Style loader module for Webpack. – Maintainer:
- PostCSS Loader ★1930: PostCSS loader for Webpack. – Maintainer:
- CSS Loader: CSS loader module for Webpack. – Maintainer:
- SASS Loader: SASS loader for Webpack. – Maintainer:
- Less Loader: Less loader module for Webpack. – Maintainer:
- Stylus Loader ★359: A stylus loader for webpack. – Maintainer:
Kyle Robinson Young
- Isomorphic Style Loader ★828: Isomorphic CSS style loader for Webpack. – Maintainer:
Language & Framework
- TS Loader ★1386: TypeScript loader for webpack. – Maintainer:
- Awesome TypeScript Loader ★1561: Awesome TS loader for Webpack. – Maintainer:
- Coffee Loader: Coffee loader module for Webpack. – Maintainer:
- Bootstrap Loader ★960: Load Bootstrap styles in your Webpack bundle. – Maintainer:
- PostHTML Loader ★1850: PostHTML loader for Webpack. – Maintainer:
- ELM Loader: Webpack loader for the Elm programming language. – Maintainer:
- Fengari Loader ★7: Run Lua code using Fengari. – Maintainer:
- Babel Loader ★2860: Webpack plugin for Babel. – Maintainer:
- ESLint Loader: ESLint loader for Webpack. – Maintainer:
- JSHint Loader: JSHint loader module for Webpack. – Maintainer:
- JSCS Loader ★21: Run your source through the JSCS style checker. – Maintainer:
Daniel Perez Alvarez
- Bundle Loader: Bundle loader for Webpack. – Maintainer:
- Worker Loader: Worker loader module for Webpack. – Maintainer:
- Resolve URL Loader ★283: Resolves relative paths in url() statements. – Maintainer:
- Import Loader: Imports loader module for Webpack. – Maintainer:
- SourceMap Loader: Extract sourceMappingURL comments from modules. – Maintainer:
- Combine Loader - Converts a loaders array into a single loader string. – Maintainer:
- Icon Font Loader ★55 - Converts svgs into font icons in CSS. – Maintainer:
Forrest R. Zhao
- Icons Loader - Generates an iconfont from SVG dependencies. – Maintainer:
- Modernizr Loader - Get your modernizr build bundled with webpack. – Maintainer:
- ngRouter Loader ★46 - AOT capable NgModule lazy loading using angular router – Maintainer:
- Mocha Loader: Mocha loader module for Webpack. – Maintainer:
- Karma Webpack: Use Karma with Webpack. – Maintainer:
- Istanbul Webpack plugin ★3 ⏳1Y: Use Istanbul instrumenter for the whole pack. – Maintainer:
- Dotenv Webpack ★328: Compiles environment variables into your bundle via dotenv. – Maintainer:
- Terse Webpack ★214 ⏳1Y - Webpack simplified in a fluent API with presets. – Maintainer:
- SystemJS Webpack ★19 ⏳1Y - Webpack bundling for SystemJS. – Maintainer:
- Gulp Webpack Stream ★1140 - Run webpack through a stream interface. – Maintainer:
Kyle Robinson Young
- Webpack Blocks ★2680 - Configure webpack using functional feature blocks. – Maintainer:
- Webpacker ★3283 - Offical webpack gem for integration into ruby on rails projects. – Maintainer:
- WebpackAspnetMiddleware ★34 - Development middleware for ASP.NET 5. – Maintainer:
- Extract Text Plugin: Extract text from bundle into a file. – Maintainer:
- DefinePlugin: Create global constants which can be configured at compile time. – Maintainer:
- Compression Plugin: Prepare assets to serve with Content-Encoding. – Maintainer:
- Offline Plugin ★3331: Offline plugin (ServiceWorker, AppCache) for Webpack. – Maintainer:
- Rewire Plugin ★114 ⏳1Y: Dependency injection for Webpack bundles. – Maintainer:
- HTML Webpack Plugin: Simplifies creation of HTML files. – Maintainer:
- Copy Webpack Plugin: Copy files and directories in webpack. – Maintainer:
- Split By Path ★101: Split By Path Webpack Plugin. – Maintainer:
- SW Precache ★1102 - Generates a service worker to precache bundle. – Maintainer:
- CoreJS Plugin ★14 ⏳1Y - Core-JS as a webpack plugin. – Maintainer:
- Bundle Analyzer - Utility that represents bundles as an interactive treemap. – Maintainer:
- Module Mapping ★14 ⏳1Y - Maps modules onto different files. – Maintainer:
- Serverless Webpack - Serverless plugin to bundle your lambdas. – Maintainer:
- Prerender SPA ★2756 - Framework-agnostic static site generation for SPAs. – Maintainer:
- Static Site Generator Plugin ★1293 - Minimal, unopinionated static site generator. – Maintainer:
- SVG Sprite Plugin ★68 - Plugin for SVG sprites and icons. – Maintainer:
- Imagemin Webpack Plugin ★391 - Minify images with Imagemin. – Maintainer:
- Prepack Webpack Plugin ★950 - A webpack plugin for prepack. – Maintainer:
- Modules CDN Webpack Plugin - Dynamically load your modules from a CDN. – Maintainer:
- Generate package.json Plugin ★14 - Limit dependencies in a deployment
package.jsonto only those that are actually being used by your bundle. – Maintainer:
- Progressive Web App Manifest ★168 - PWA manifest manager and generator. – Maintainer:
Arthur A. Bergamaschi
- Friendly errors ★362 - Recognizes certain classes of webpack errors and cleans, aggregates and prioritizes them. – Maintainer:
- FileManager Webpack Plugin ★70 - Copy, move, delete files and directories before and after Webpack builds – Maintainer:
- Duplicate Package Checker Webpack Plugin ★400 - Warns you when multiple versions of the same package exist in your bundle – Maintainer:
- PurgeCSS Webpack Plugin ★34 - A plugin to remove unused css with purgecss – Maintainer:
- Webpack Dev Middleware ★1437: Middleware which arguments a live bundle. – Maintainer:
- Webpack Dev Server ★3880: Serves a webpack app. Updates the browser on changes. – Maintainer:
- Webpack Merge ★1221 - Merge designed for Webpack. – Maintainer:
- NPM Install Webpack - Automatically install & save deps with Webpack. – Maintainer:
- Webpack Validator ★303 - Validates your webpack config with Joi. – Maintainer:
- Webpack Config Utils ★196 - Util. to make your webpack config easier to read. – Maintainer:
Kent C. Dodds
- Angular2 Webpack Toolkit ★20 ⏳1Y - Webpack tools and helpers for Angular 2. – Maintainer:
- Webpack Bundle Analyzer - Represents bundles as an interactive treemap. – Maintainer:
- HJS Webpack ★1826: Helpers/presets for setting up webpack with hotloading. – Maintainer:
- Webpack Dashboard ★12499: A CLI dashboard for webpack dev server. – Maintainer:
- Neutrino ★2638: Combines the power of Webpack with the simplicity of presets. – Maintainer:
- Webpack Chain ★530: A chaining API to generate and simplify the mod. of Webpack 2 configurations. – Maintainer:
- Speed Measure Plugin ★164 - Measures the speed of your webpack plugins and loaders. – Maintainer:
Research & Training
Gábor Soós 24-Apr-17 - How to do proper tree-shaking in Webpack 2
Mark Erikson 07-Mar-17 - Declaratively Rendering Earth in 3D, Building a Cesium + React App with Webpack
Joseph Zimmerman 2-Feb-17 - A Detailed Introduction To Webpack.
Jamund Ferguson 22-Jul-16 - Manually Tuning Webpack Builds.
Sean T. Larkin 21-Jul-16 - Learn and Debug webpack with Chrome Dev Tools!.
Raja Rao DV 10-Apr-16 - Webpack — The Confusing Parts.
Andrew Ray 09-Apr-16 - Webpack: When To Use and Why.
Jonathan Creamer 25-Feb-16 - WebPack Code splitting with ES6 and Babel 6.
Grgur Grisogono 15-Feb-16 - Webpack 2 Tree Shaking Configuration.
Ilya Zayats 07-Feb-16 - How to split your apps by routes with Webpack.
Sebastian De Deyne 04-Feb-16 - Adventure Time With Webpack.
Jonathan Creamer 10-Jan-16 - Advanced WebPack Part 2 - Code Splitting.
Andy Ccs 02-Jan-16 - Webpack and Docker for Development and Deployment.
Jonathan Creamer 08-Jun-16 - Advanced WebPack Part 3 - Creating a custom notifier plugin.
Nader Dabit 07-Sept-15 - Beginner’s guide to Webpack.
Jonathan Creamer 02-Sept-15 - Advanced WebPack Part 1 - The CommonsChunk Plugin.
Maxime Fabre 16-Oct-15 - Webpack your bags.
Naomi A. Jacobs via BuzzJS 2.0 2017 Feb-27-2017 - Webpack: It’s Not Magic
Emil Oberg via YouTube Nov-4-2016 - Introduction to Webpack 2, what is it?
Emil Oberg via YouTube Nov-4-2016 - Webpack 2 - A full tutorial
Sean Larkin NEJS Conf 30-Sep-16 Webpack: Core Concepts
Front End Center Webpack from First Principles 22-Aug-16 - Intro to Webpack
Sean Larkin on AngularAir 03-Aug-16 - ngAir 75 - Webpack 2 with Sean Larkin.
Eric Clemmons chat with Kent C. Dodds 01-Jul-16 - Webpack HMR.
Mirko Nasato (5 Part Series) 07-Jun-16 - Angular2 with Webpack Project Setup.
Jonathan Creamer at Nodevember 05-Dec-15 - Advanced WebPack.
Kyle Robinson Young 08-Jul-15 - Getting Started with Webpack.
Tasveer Singh at TorontoJS Tech Talk 09-Apr-15 - Webpack.
Jeremy Lund at Mountain West JS 28-Mar-15 - Gift Wrap Your Code with Webpack.
- Webpack for Everyone - Free Laracasts series by Jeffrey Way
- Intro to webpack (playlist) - Egghead.io playlist of a few videos by Kent C. Dodds (the first is free).
- Angular and Webpack for modular applications - Egghead.io course by Kent C. Dodds
- Webpack Fundamentals - Joe Eames for Pluralsight (intermediate)
- Webpack Academy - A comprehensive webpack learning resource.
- SurviveJS - Webpack: Free book guiding from a webpack apprentice to master. Covers dev, prod, and advanced topics.
- Webpack Examples: Examples of common Webpack functionality.
- Angular2 Webpack Starter - A Webpack driven Angular 2 Starter kit from AngularClass.
- Angular2 Webpack - A complete, yet simple, starter for Angular 2 using Webpack from Preboot.
- Angular2 Webpack Visual Studio - ASP.NET Core, Angular2 with Webpack and Visual Studio from Damien Bod.
- Angular2 Starter ★74 ⏳1Y - Angular2 starter kit with Typescript and Webpack from Brian Schemp.
- Angular2 SPA - Angular 2 ASP.NET Core Spa from Steve Sanderson.
- Angular2 Seed ★1045 - A simple starter demonstrating the basic concepts of Angular2 from Pawel Kozlowski.
- Create React App - Create React apps with no build configuration from Dan Abramov.
- React Starter Kit ★17734 - Isomorphic web app boilerplate from Kriasoft Team.
- React Redux Universal ★11243 - A starter boilerplate for a universal webapp from Erik Rasmussen.
- Frontend Boilerplate ★3047 - A boilerplate of things that mostly shouldn’t exist from TJ Holowaychuk.
- ReactGo ★2546 - Your One-Stop solution for a full-stack universal Redux from Ken Ding.
- React Native Calculator ★4431 - Mobile, desktop and website Apps with the same code from Benoit Vallon.
- React Cordova Boilerplate ★188 - TodoMVC example for React with Cordova from Yuval Saraf.
- React Universally ★1599 - A starter kit giving you the minimum for a production ready universal react application.
- Budgeting Application - A fully functional boilerplate application optimized for dev and prod, including PRPL from Modus Create.
- Webpack interview questions ★80 - Interview questions with answers.
This list is a copy of webpack-contrib/awesome-webpack with ranks