Displaying 20 to 40 from 100 results

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.

compression-webpack-plugin - Prepare compressed versions of assets to serve them with Content-Encoding

  •    Javascript

Prepare compressed versions of assets to serve them with Content-Encoding

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.




page-skeleton-webpack-plugin - Webpack plugin to generate the skeleton page automatically

  •    Javascript

Page Skeleton is a webpack plugin.The purpose of the plugin is to generate the corresponding skeleton screen page according to different route pages in your project, and to pack the skeleton screen page into the corresponding static route page through webpack. All examples are in the examples folder.

babel-minify-webpack-plugin - Babel Minify Webpack Plugin

  •    Javascript

minifyOpts are passed on to babel-preset-minify. You can find a list of all available options in the package directory.

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.


i18n-webpack-plugin - Embed localization into your bundle

  •    Javascript

i18n (localization) plugin for Webpack. This plugin creates bundles with translations baked in. So you can serve the translated bundle to your clients.

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.

babel-engine-plugin - Webpack plugin that transpiles dependencies targeting Node

  •    Javascript

Within your webpack configuration object, you'll need to add the babel-engine-plugin to the list of plugins.Module maintainers often only target Node.js and don't really care about browser support. Tools like Webpack allow you to easily bundle these modules and run them in the browser. But since Node.js 0.12 became deprecated, module maintainers started to leverage the new ES2016 features, for example fat-arrow functions. This becomes a problem because not all of these features are supported in the browser. Tools like UglifyJS doesn't like them either as it will fail with an Unexpected Token error.

add-module-exports-webpack-plugin - Add `module.exports` for Babel and TypeScript compiled code

  •    Javascript

When you use ES2015 modules with Babel or have a default export in TypeScript, they generate code which requires you to import it with require('x').default in CommonJS instead of require('x'). This plugin enables the latter.

node-env-webpack-plugin - Simplified `NODE_ENV` handling with webpack

  •    Javascript

Sets process.env.NODE_ENV in the Node.js process to development at import-time if it's not defined, or production if webpack is run with webpack -p.Sets process.env.NODE_ENV in the bundle to the same as in the Node.js process.

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.