comlink-loader - Webpack loader to offload modules to Worker threads seamlessly using Comlink.

•    Javascript

---

Offload modules to Worker threads seamlessly using Comlink. The goal of comlink-loader is to make the fact that a module is running inside a Worker nearly transparent to the developer.

comlink worker webworker threading webpack webpack-loader loader web-worker thread

worker-loader - A webpack loader that registers a script as a Web Worker

•    Javascript

---

This module requires a minimum of Node v6.9.0 and Webpack v4.0.0. And run webpack via your preferred method.

webpack-loader webpack

worker-plugin - 🐳 Adds native Web Worker bundling support to Webpack.

•    Javascript

---

Automatically bundle & compile Web Workers within Webpack. The best part? That worker constructor works just fine without bundling turned on too.

webpack workers webworker webpack-plugin plugin worker web-worker thread

greenlet - 🦎 Move an async function into its own thread.

•    Javascript

---

Move an async function into its own thread. A simplified single-function version of workerize.

worker webworker thread web-worker workerize greenlet async

ts-loader - TypeScript loader for webpack

•    Javascript

---

This is the typescript loader for webpack. We have a number of example setups to accomodate different workflows. From "vanilla" ts-loader, to using ts-loader in combination with babel for transpilation, happypack or thread-loader for faster builds and fork-ts-checker-webpack-plugin for performing type checking in a separate process. Not forgetting Hot Module Replacement. Our examples can be found here.

typescript webpack-loader ts-loader typescript-loader webpack loader ts

thread-loader - Runs the following loaders in a worker pool

•    Javascript

---

Runs the following loaders in a worker pool. Put this loader in front of other loaders. The following loaders run in a worker pool.

webpack-loader

sw-precache-webpack-plugin - Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets

•    Javascript

---

SWPrecacheWebpackPlugin is a webpack plugin for using service workers to cache your external project dependencies. It will generate a service worker file using sw-precache and add it to your build directory. A simple configuration example that will work well in most production environments. Based on the configuration used in create-react-app.

sw-precache service-workers webpack-plugin sw-guide progressive-web-app offline webpack plugin precache service worker

react-svg-loader - A loader for webpack, rollup, babel that loads svg as a React Component

•    Javascript

---

A loader for webpack, rollup, babel that loads svg as a React Component

react svgo svg webpack-loader babel-plugin svg-loader rollup-plugin loader react-svg-loader webpack

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

•    Javascript

---

CSS style loader for Webpack that works similarly to style-loader, but is optimized for critical path CSS rendering and also works great in the context of isomorphic apps. It provides two helper methods on to the styles object - ._insertCss() (injects CSS into the DOM) and ._getCss() (returns a CSS string).Note: Configuration is the same for both client-side and server-side bundles. For more information visit https://webpack.js.org/configuration/module/.

webpack webpack-loader loader css scss style styles style-loader react reactjs isomorphic universal critical-css critical-path-css

sass-loader - Compiles Sass to CSS

•    HTML

---

Loads a Sass/SCSS file and compiles it to CSS. Use the css-loader or the raw-loader to turn it into a JS module and the mini-css-extract-plugin to extract it into a separate file. Looking for the webpack 1 loader? Check out the archive/webpack-1 branch.

webpack-loader sass libsass webpack loader

svg-sprite-loader - Webpack loader for creating SVG sprites.

•    Javascript

---

Webpack loader for creating SVG sprites. 🎉 2.0 is out, please read the migration guide & overview.

svg svg-sprite svg-stack webpack webpack2 webpack3 webpack-loader webpack-plugin sprite

bootstrap-loader - Load Bootstrap styles and scripts in your Webpack bundle

•    Javascript

---

If your team might need my help, please email me for a free half-hour project consultation, on anything from React on Rails to any aspect of web or mobile application development for both consumer and enterprise products. Intersted in optimizing your webpack setup for React on Rails including code splitting with react-router v4, webpack v4, and react-loadable? Contact me.

bootstrap-loader bootstrap-variables shakacode bootstrap-mixins bootstrap-styles webpack2 webpack-loader twitter-bootstrap webpack sass-loader bootstrap twitter

babel-plugin-webpack-loaders - babel 6 plugin which allows to use webpack loaders

•    Javascript

---

Since plugin was published, there were a lot of changes in testing software. Be sure in most(all) cases you DON'T need this plugin for testing. I highly recommend you to use jest for testing, and use moduleNameMapper (identity-obj-proxy, etc) to mock CSS-Modules and other webpack loaders. This Babel 6 plugin allows you to use webpack loaders in Babel. It's now easy to run universal apps on the server without additional build steps, to create libraries as usual with babel src --out-dir lib command, to run tests without mocking-prebuilding source code. It just replaces require - import statements with webpack loaders results. Take a look at this Babel build output diff to get the idea.

babel webpack loader css-modules css-loader

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

•    Javascript

---

This plugin is intended to provide an offline experience for webpack projects. It uses ServiceWorker, and AppCache as a fallback under the hood. Simply include this plugin in your webpack.config, and the accompanying runtime in your client script, and your project will become offline ready by caching all (or some) of the webpack output assets.

service-worker appcache webpack serviceworker pwa offline progressive-web-app storage plugin webpack-plugin offline-first service-workers application-cache caching cache progressive-web-apps app-shell appshell

stylelint-webpack-plugin - A webpack plugin to lint your CSS/Sass code using stylelint

•    Javascript

---

This module requires a minimum of Node v6.9.0 and webpack v4.0.0. Both stylelint-loader and this module have their uses. stylelint-loader lints the files you require (or the ones you define as an entry in your webpack config). However, @imports in files are not followed, meaning only the main file for each require/entry is linted.

stylelint webpack lint linter node-sass plugin webpack-plugin

serviceworker-webpack-plugin - Simplifies creation of a service worker to serve your webpack bundles

•    Javascript

---

Simplifies creation of a service worker to serve your webpack bundles. You can have a look at the /docs folder if you need a full working example.

serviceworker webpack plugin

html-webpack-plugin - Simplifies creation of HTML files to serve your webpack bundles

•    Javascript

---

This is a webpack plugin that simplifies creation of HTML files to serve your webpack bundles. This is especially useful for webpack bundles that include a hash in the filename which changes every compilation. You can either let the plugin generate an HTML file for you, supply your own template using lodash templates or use your own loader. The html-webpack-plugin works without configuration. It's a great addition to the ⚙️ webpack-config-plugins.

html-webpack-plugin webpack plugin html

elm-webpack-loader - Webpack loader for the Elm programming language.

•    Javascript

---

Webpack loader for the Elm programming language. It is aware of Elm dependencies and tracks them. This means that in --watch mode, if you require an Elm module from a Webpack entry point, not only will that .elm file be watched for changes, but any other Elm modules it imports will be watched for changes as well.

elm webpack loader

url-loader - A loader for webpack which transforms files into base64 URIs

•    Javascript

---

A loader for webpack which transforms files into base64 URIs. This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.

webpack-loader webpack

inject-loader - 💉👾 A Webpack loader for injecting code into modules via their dependencies.

•    Javascript

---

This is particularly useful for writing tests where mocking things inside your module-under-test is sometimes necessary before execution. inject-loader was inspired by, and builds upon ideas introduced in jauco/webpack-injectable.

webpack-loader loader webpack testing inject mock mocking