awesome-webpack 0,4,1,2

A curated list of awesome Webpack resources, libraries and tools

2 years after

awesome-webpack

webpack 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 awesome list. Feel free to improve this list by contributing!

Contents

Webpack Ecosystem

Documentation

Community

Twitter

People passionate about Webpack (In no particular order)

Back to top

Libraries

Loaders

File Type

  • File Loader: File loader module for Webpack. -- Maintainer: Webpack Team Github
  • URL Loader: URL loader module for Webpack. -- Maintainer: Webpack Team Github
  • HTML Loader: HTML loader module for Webpack. -- Maintainer: Webpack Team Github
  • Raw Loader: Raw file loader module for Webpack. -- Maintainer: Webpack Team Github
  • Image Loader: Image minimizing loader for webpack. -- Maintainer: Andy VanWagoner Github Twitter
  • SVG Url Loader: 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 Loader: json loader module for Webpack. -- Maintainer: Webpack Team Github

Component & Template

  • Angular2 Template Loader: Inlines html and style's in Angular2 components. -- Maintainer: Sean Larkin Github Twitter
  • Handlebars Loader: A handlebars template loader for Webpack. -- Maintainer: Paul Carduner Github Twitter
  • Vue Loader: Webpack loader for Vue.js components. -- Maintainer: Vuejs Team Github Twitter
  • SVG React Loader - Webpack SVG to React Component Loader. -- Maintainer: Jerry Hamlet Github Twitter
  • Underscore Loader - Underscore and Lodash template loader. -- Maintainer: Emmanuel Antico Github Twitter
  • ngTemplate Loader - Angular1 Template Loader. -- Maintainer: Toby Rahilly Github

Styles

  • Style Loader: Style loader module for Webpack. -- Maintainer: Webpack Team Github
  • PostCSS Loader: PostCSS loader for Webpack. -- Maintainer: PostCSS Team Github Twitter
  • CSS Loader: CSS loader module for Webpack. -- Maintainer: Webpack Team Github
  • SASS Loader: SASS loader for Webpack. -- Maintainer: Jorik Tangelder Github Twitter
  • Less Loader: Less loader module for Webpack. -- Maintainer: Webpack Team Github
  • Stylus Loader: A stylus loader for webpack. -- Maintainer: Kyle Robinson Young Github Twitter
  • Isomorphic Style Loader: Isomorphic CSS style loader for Webpack. -- Maintainer: Kriasoft Team Github Twitter

Language & Framework

  • TS Loader: TypeScript loader for webpack. -- Maintainer: TypeStrong Team Github
  • Awesome TypeScript Loader: Awesome TS loader for Webpack. -- Maintainer: Stanislav Panferov Github Twitter
  • Coffee Loader: Coffee loader module for Webpack. -- Maintainer: Webpack Team Github
  • Bootstrap Loader: Load Bootstrap styles in your Webpack bundle. -- Maintainer: ShakaCode Team Github Twitter
  • PostHTML Loader: PostHTML loader for Webpack. -- Maintainer: PostHTML Team Github Twitter
  • ELM Loader: Webpack loader for the Elm programming language. -- Maintainer: Richard Feldman Github Twitter

Utility

  • Babel Loader: Webpack plugin for Babel. -- Maintainer: Babel Team Github Twitter
  • ESLint Loader: ESLint loader for Webpack. -- Maintainer: Maxime Thirouin Github Twitter
  • StyleLint Loader: A Webpack Loader for linting SASS, SCSS & CSS. -- Maintainer: Adrian Hall Github Twitter
  • JSHint Loader: JSHint loader module for Webpack. -- Maintainer: Webpack Team Github
  • JSCS Loader: Run your source through the JSCS style checker. -- Maintainer: Daniel Perez Alvarez Github
  • JSHint Loader: JSHint loader module for Webpack. -- Maintainer: Webpack Team Github
  • Bundle Loader: Bundle loader for Webpack. -- Maintainer: Webpack Team Github
  • Worker Loader: Worker loader module for Webpack. -- Maintainer: Webpack Team Github
  • Resolve URL Loader: Resolves relative paths in url() statements. -- Maintainer: Ben Holloway Github
  • Import Loader: Imports loader module for Webpack. -- Maintainer: Webpack Team Github
  • SourceMap Loader: 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: Tom Grooffer Github
  • Modernizr Loader - Get your modernizr build bundled with webpack. -- Maintainer: Peerigon Devs Github

Testing

  • Mocha Loader: Mocha loader module for Webpack. -- Maintainer: Webpack Team Github
  • Karma Webpack: Use Karma with Webpack. -- Maintainer: Webpack Team Github
  • Istanbul Webpack plugin: Use Istanbul instrumenter for the whole pack. -- Maintainer: Hagai Cohen Github

Back to top

Integration Libraries

  • Terse Webpack - 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 Stream - Run webpack through a stream interface. -- Maintainer: Kyle Robinson Young Github Twitter

Back to top

Webpack Plugins

  • Extract Text Plugin: Extract text from bundle into a file. -- Maintainer: Webpack Team Github
  • Compression Plugin: Prepare assets to serve with Content-Encoding. -- Maintainer: Webpack Team Github
  • Offline Plugin: Offline plugin (ServiceWorker, AppCache) for Webpack. -- Maintainer: Arthur Stolyar Github Twitter
  • Rewire Plugin: Dependency injection for Webpack bundles. -- Maintainer: Johannes Ewald Github Twitter
  • HTML Webpack Plugin: Simplifies creation of HTML files. -- Maintainer: Jan Nicklas Github Twitter
  • Copy Webpack Plugin: Copy files and directories in webpack. -- Maintainer: Len Boyette Github Twitter
  • Split By Path: Split By Path Webpack Plugin. -- Maintainer: Bohdan Tkachenko Github Twitter
  • SW Precache - Generates a service worker to precache bundle. -- Maintainer: Will Farley Github
  • CoreJS Plugin - Core-JS as a webpack plugin. -- Maintainer: PatrickJS Github

Back to top

Webpack Tools

  • Webpack Dev Middleware: Middleware which arguments a live bundle. -- Maintainer: Webpack Team Github
  • Webpack Dev Server: Serves a webpack app. Updates the browser on changes. -- Maintainer: Webpack Team Github
  • Webpack Merge - Merge designed for Webpack. -- Maintainer: Juho Vepsäläinen Github Twitter
  • NPM Install Webpack - Automatically install & save deps with Webpack. -- Maintainer: Eric Clemmons Github Twitter
  • Webpack Validator - Validates your webpack config with Joi. -- Maintainer: js-dxtools Team Github
  • Webpack Config Utils - Util. to make your webpack config easier to read. -- Maintainer: Kent C. Dodds Github Twitter
  • Angular2 Webpack Toolkit - Webpack tools and helpers for Angular 2. -- Maintainer: AngularClass Github Twitter
  • HJS Webpack: Helpers/presets for setting up webpack with hotloading. -- Maintainer: Henrik Joreteg Github

Back to top

Research & Training

Articles

Videos

Courses

Books

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

Webpack Examples

Community Examples

Angular

Framework Agnostic

React

Other

Back to top

Related Repositories

awesome

awesome

:sunglasses: Curated list of awesome lists ...

font-awesome-webpack

font-awesome-webpack

font-awesome package for webpack ...

font-awesome-loader

font-awesome-loader

Webpack Loader for Font Awesome Using Sass ...

font-awesome-sass-loader

font-awesome-sass-loader

font-awesome (sass) package for webpack ...

angular-webpack-example

angular-webpack-example

Here's just a angular app example used ES6 to write the JavaScript code, and use ...


Top Contributors

d3viant0ne kentcdodds amcdnl bebraw maiis DelvarWorld malixsys ctrlplusb sbussard tucq88