Bundler plugins and loaders

12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.

• webpack-inject-pluginA webpack plugin to dynamically inject code into the bundle.
• merge-jsons-webpack-pluginThis plugin is used to merge json files into single json file,using glob or file names
• @cerner/duplicate-package-checker-webpack-pluginWebpack plugin that warns you when multiple versions of the same package exist in a build.
• @leadconnector/vibe-taggerVite plugin that instruments React JSX elements with source-location metadata for visual editing
• html-replace-webpack-pluginA Webpack plugin for replace HTML contents with custom pattern string or regex.
• vite-plugin-i18next-loaderVite plugin loader for client embedded i18next locales composited from one to many json or yaml files.
• vite-plugin-mockA mock plugin for vite
• @magidoc/rollup-plugin-gql-schemaA Rollup and ViteJS plugin that allows to parse a GraphQL Schema from a target URL and save it to a target output folder, or to parse it from the disk and convert it to a desired format.
• vite-plugin-csp-guardA Vite plugin that lets SPA applications generate a Content Security Policy (CSP).
• rollup-plugin-urlInline import files as data-URIs, or copy them to output
• rollup-plugin-progressRollup Progress Plugin
• @web/rollup-plugin-htmlRollup plugin for bundling HTML files
• module-replace-webpack-pluginReplace any imported file/module using a simple webpack plugin
• create-file-webpackWebpack plugin for creating the file with the particular content
• code-inspector-coreClick the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
• @principalstudio/html-webpack-inject-preloadA HTML Webpack plugin for injecting <link rel='preload'>
• vite-code-inspector-pluginClick the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
• webpack-code-inspector-pluginClick the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
• webpack-visualizer-pluginVisualize and analyze your Webpack bundle to see which modules are taking up space and which might be duplicates.
• swc-minify-webpack-pluginA faster minimizer for webpack based on swc.minify()
• rollup-plugin-multi-inputrollup plugin for bundling modular libraries
• html-bundler-webpack-pluginGenerates complete single-page or multi-page website from source assets. Built-in support for Markdown, Eta, EJS, Handlebars, Nunjucks, Pug. Alternative to html-webpack-plugin.
• ng-annotate-loaderWebpack loader that runs ng-annotate on your bundles
• webpack-rtl-pluginWebpack plugin to produce a rtl css bundle
• on-build-webpackWebpack plugin that gives ability to add callback after build
• simple-functional-loaderuse function as webpack loader option
• @madccc/duplicate-package-checker-webpack-pluginWebpack plugin that warns you when multiple versions of the same package exist in a build.
• rollup-plugin-prettierRun prettier formatter with rollup
• @honeybadger-io/webpackWebpack plugin to upload source maps to Honeybadger's API - http://docs.honeybadger.io/guides/source-maps.html
• rollup-plugin-smart-assetRollup plugin to rebase, inline or copy assets referenced from the code
• esbuild-code-inspector-pluginClick the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
• env.styleEnvironment-tinted favicons for Next.js and Vite — see at a glance whether a tab is dev, preview, staging, or production.
• vite-plugin-react-rich-svgSeamless SVG loader with versatile import options! (Such as React component, dataURI and raw html code)
• new-url-loaderA tiny alternative to url-loader and file-loader for webpack 5.
• rollup-plugin-version-injectorA simple rollup.js plugin to inject your application's version number and/or today's date into your built js, html, and css files!
• esbuild-envfile-pluginesbuild plugin to load a .env file from the current directory or any parent. It will combine the environment variables with existing/system-wide process.env variables.
• ejs-compiled-loaderEJS webpack loader (without frontend dependencies)
• @purtuga/esm-webpack-pluginA webpack plugin that changes the output to be an ESM library
• rollup-plugin-workboxRollup plugin that builds a service worker with workbox as part of your rollup build
• extra-watch-webpack-pluginextra-watch-webpack-plugin would help you to attach extra files or dirs to webpack's watch system
• unplugin-svg-vue-componentUse svg as vue components with support for both vue2.7 and vue3.x
• @relative-ci/agentSend bundle stats and CI build information to RelativeCI
• @datadog/webpack-pluginDatadog Webpack Plugin
• unminified-webpack-pluginA `webpack` plugin for generating un-minified JavaScript files along with minimize.
• copy-asset-in-memory-webpack-pluginCopy assets in webpack memory
• webpack-require-fromWebpack plugin that allows to configure path or URL for fetching dynamic imports
• rollup-plugin-ts-treeshakingImprove TypeScript tree-shaking with Rollup and UglifyJS/Terser
• restrict-imports-loaderA Webpack loader to restrict imports in ES and TypeScript
• event-hooks-webpack-pluginExecute JavaScript on any available Webpack event hook
• webpack-strip-blockWebpack plugin to strip blocks of code that's only intended for development purposes

No comparisons for this package yet.