Awesome webpack

Datetime:2016-08-23 00:25:03          Topic: Webpack           Share

webpackis a module bundler .

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

Awesome Webpack

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

Inspired by theawesome list. Feel free to improve this list bycontributing!

Table of Contents

  • Resources
    • Documentation
    • Community
    • Twitter Follows
  • Libraries
    • Loaders
      • File Type
      • Component & Template
      • Styles
      • Language & Framework
      • Utility
      • Testing
    • Integrations
    • Plugins
    • Tools
  • Research & Training
    • Articles
    • Videos
    • Courses
    • Books
    • Webpack Examples
    • Community Examples
    • Other

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. -- Maintained By : Webpack Team
  • URL Loader: URL loader module for Webpack. -- Maintainer : Webpack Team
  • HTML Loader: HTML loader module for Webpack. -- Maintainer : Webpack Team
  • Raw Loader: Raw file loader module for Webpack. -- Maintainer : Webpack Team
  • Image Loader: Image minimizing loader for webpack. -- Maintainer : Andy VanWagoner
  • SVG Url Loader: Loader which loads SVG file as utf-8 encoded Url. -- Maintainer : Hovhannes Babayan
  • json5 Loader: json5 loader module for Webpack. -- Maintainer : Webpack Team
  • json Loader: json loader module for Webpack. -- Maintainer : Webpack Team

Component & Template

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

Styles

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

Language & Framework

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

Utility

  • Babel Loader: Webpack plugin for Babel. -- Maintainer : Babel Team
  • ESLint Loader: ESLint loader for Webpack. -- Maintainer : Maxime Thirouin
  • StyleLint Loader: A Webpack Loader for linting SASS, SCSS & CSS. -- Maintainer : Adrian Hall
  • JSHint Loader: JSHint loader module for Webpack. -- Maintainer : Webpack Team
  • JSCS Loader: Run your source through the JSCS style checker. -- Maintainer : Daniel Perez Alvarez
  • JSHint Loader: JSHint loader module for Webpack. -- Maintainer : Webpack Team
  • Bundle Loader: Bundle loader for Webpack. -- Maintainer : Webpack Team
  • Worker Loader: Worker loader module for Webpack. -- Maintainer : Webpack Team
  • JSCS Loader: Resolves relative paths in url() statements. -- Maintainer : Ben Holloway
  • Import Loader: Imports loader module for Webpack. -- Maintainer : Webpack Team
  • SourceMap Loader: Extract sourceMappingURL comments from modules. -- Maintainer : Webpack Team
  • Combine Loader - Converts a loaders array into a single loader string. -- Maintainer : James Friend
  • Icon Font Loader - Generates an iconfont from SVG dependencies. -- Maintainer : Tom Grooffer

Testing

  • Mocha Loader: Mocha loader module for Webpack. -- Maintainer : Webpack Team
  • Karma Webpack: Use Karma with Webpack. -- Maintainer : Webpack Team

Back to top

Integration Libraries

  • Terse Webpack - Webpack simplified in a fluent API with presets. -- Maintainer : Eric Clemmons
  • SystemJS Webpack - Webpack bundling for SystemJS. -- Maintainer : Guy Bedford
  • Gulp Webpack Stream - Run webpack through a stream interface. -- Maintainer : Kyle Robinson Young

Back to top

Webpack Plugins

  • Extract Text Plugin: Extract text from bundle into a file. -- Maintainer : Webpack Team
  • Compression Plugin: Prepare assets to serve with Content-Encoding. -- Maintainer : Webpack Team
  • Offline Plugin: Offline plugin (ServiceWorker, AppCache) for Webpack. -- Maintainer : Arthur Stolyar
  • Rewire Plugin: Dependency injection for Webpack bundles. -- Maintainer : Johannes Ewald
  • HTML Webpack Plugin: Simplifies creation of HTML files. -- Maintainer : Charles Blaxland
  • Copy Webpack Plugin: Copy files and directories in webpack. -- Maintainer : Len Boyette
  • Split By Path: Split By Path Webpack Plugin. -- Maintainer : Bohdan Tkachenko

Back to top

Webpack Tools

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

Back to top

Research & Training

Articles

Videos

Courses

Books

Webpack Examples

  • Webpack Examples: Examples of common Webpack functionality.

Community Examples

Other

Back to top





About List