Displaying 1 to 20 from 47 results

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.

hard-source-webpack-plugin

  •    Javascript

HardSourceWebpackPlugin is a plugin for webpack to provide an intermediate caching step for modules. In order to see results, you'll need to run webpack twice with this plugin: the first build will take the normal amount of time. The second build will be signficantly faster. Install with npm install --save hard-source-webpack-plugin or yarn. And include the plugin in your webpack's plugins configuration.

copy-webpack-plugin - Copy files and directories with webpack

  •    Javascript

ℹ️ If you want webpack-dev-server to write files to the output directory during development, you can force it with the write-file-webpack-plugin.

preload-webpack-plugin - A webpack plugin for injecting <link rel='preload|prefecth'> into HtmlWebpackPlugin pages, with async chunk support

  •    Javascript

A Webpack plugin for automatically wiring up asynchronous (and other types) of JavaScript chunks using <link rel='preload'>. This helps with lazy-loading. Note: This is an extension plugin for html-webpack-plugin - a plugin that simplifies the creation of HTML files to serve your webpack bundles.




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.

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.

clean-webpack-plugin - A webpack plugin to remove your build folder(s) before building

  •    Javascript

This is a modified version of WebPack's Plugin documentation that includes the Clean Plugin.

purifycss-webpack - Remove unused CSS with webpack

  •    Javascript

PurifyCSS for Webpack. This plugin uses PurifyCSS to remove unused selectors from your CSS. You should use it with the extract-text-webpack-plugin.


error-overlay-webpack-plugin - Catch errors with style 💥✨

  •    Javascript

This plugin will display an error overlay in your application. It is the same error overlay used in create-react-app.

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

  •    Javascript

Webpack plugin that warns when your bundle contains multiple versions of the same package. It might be possible that a single package gets included multiple times in a Webpack bundle due to different package versions. This situation may happen without any warning, resulting in extra bloat in your bundle and may lead to hard-to-find bugs.

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.

webpack-watchman-plugin - A webpack plugin that integrates watchman as its watcher.

  •    Javascript

This plugin was tested with webpack 1, 2 and 3 and watchman 4.5+. Make sure watchman is installed and ready to use on your system.

webpack-chrome-extension-reloader - 🔥 Hot reloading while developing Chrome extensions with webpack 🔥

  •    TypeScript

A Webpack plugin to enable hot reloading while developing Chrome extensions. Basically something similar to what the webpack hot reload middleware does. When you change the code and the webpack trigger and finish the compilation, your extension is notified and then reloaded using the chrome.runtime API. Check out Hot reloading Chrome extensions using Webpack for more background.

event-hooks-webpack-plugin - Event hooks plugin for Webpack

  •    Javascript

This webpack plugin is similar to webpack-shell-plugin but this allows you to execute arbitrary JavaScript instead of commands on any event hook that is exposed by the Webpack compiler. Compatibility Version ^2.0.0 of this plugin is compatible with webpack ^4.0.0. If you're using an older version of webpack, make sure to install the ^1.0.0 (npm install event-hooks-webpack-plugin@^1.0.0) release of this plugin.

svg-spritemap-webpack-plugin - SVG spritemap plugin for webpack

  •    Javascript

This webpack plugin generates a single SVG spritemap containing multiple <symbol> elements from all .svg files in a directory. In addition, it can optimize the output and can also generate a stylesheet containing the sprites to be used directly from CSS. Chris Coyier has a good write-up about the why's and how's of this technique on CSS Tricks. Use it in combination with the svg4everybody package to easily and correctly load SVGs from the spritemap in all browsers. Compatibility Version ^2.0.0 of this plugin is compatible with webpack ^4.0.0. When using an older version of webpack, make sure to install the ^1.0.0 (svg-spritemap-webpack-plugin@^1.0.0) release of this plugin.

rollbar-sourcemap-webpack-plugin - A Webpack plugin to upload sourcemaps to Rollbar

  •    Javascript

This is a Webpack plugin that simplifies uploading the sourcemaps, generated from a webpack build, to Rollbar. Production JavaScript bundles are typically minified before deploying, making Rollbar stacktraces pretty useless unless you take steps to upload the sourcemaps. You may be doing this now in a shell script, triggered during your deploy process, that makes curl posts to the Rollbar API. This can be finicky and error prone to setup. RollbarSourceMapPlugin aims to remove that burden and automatically upload the sourcemaps when they are emitted by webpack.

vue-builder-webpack-plugin - Webpack plugin to build vue files automatically

  •    Javascript

You can use this plugin to automatically generate .vue files. Whenever you run webpack in normal or watch mode, this plugin will automatically generate your .vue files.

daemon-command-webpack-plugin - Run and restart npm commands after emit file webpack builds

  •    Javascript

Use cwd to specify the working directory from which the process is spawned. If not given, the default is to inherit the current working directory. Use env to specify environment variables that will be visible to the new process, the default is process.env.

config-webpack-plugin - 💫 Merge one or more configuration files together with environment variables too

  •    Javascript

💫 Merge one or more configuration files together with environment variables too. Let's say you have a base configuration file (./config.js) shared across your team. Now, you want for every developer to be able to override any configuration value without modifying the base configuration file. Therefore, every developer can create a local configuration file (./config.local.js). And… config-webpack-plugin will do the rest for you.