Top 23 webpack-plugin Open-Source Projects

• purgecss

  51 7,662 8.4 TypeScript

  Remove unused CSS

  

Project mention: Optimize CSS with SAT Solving | news.ycombinator.com | 2024-03-17

As a starting point, Tailwind used to use PurgeCSS [0] but I'm not sure what they use now.

[0] https://purgecss.com

• mini-css-extract-plugin

  11 4,639 7.6 JavaScript

  Lightweight CSS extraction plugin

  

Project mention: A webpack.config.js for WordPress Projects | dev.to | 2023-07-31

mini-css-extract-plugin

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• offline-plugin

  2 4,503 0.0 JavaScript

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

• critters

  7 3,376 6.6 JavaScript

  🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

  

Project mention: Show HN: Jampack – Optimizes static websites as a post-processing step | news.ycombinator.com | 2024-03-25

I'm interested in the notion of identifying "critical" CSS that should be inlined rather than live in its own stylesheet.

I was hoping there was some principled way of identifying critical and non-critical CSS (e.g. user interaction effects like :hover would always be considered non-critical), but it looks like the library it's using just tries to render your page and do a best-effort detection on which rules are considered critical, which is a little unsatisfying: https://github.com/GoogleChromeLabs/critters

• react-refresh-webpack-plugin

  4 3,089 8.3 JavaScript

  A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.

• unplugin-auto-import

  22 2,948 7.5 TypeScript

  Auto import APIs on-demand for Vite, Webpack and Rollup

  

Project mention: Welcome to the dark side. Ree.js awaits you! | dev.to | 2023-10-05

Unplugin auto import

• copy-webpack-plugin

  1 2,829 6.7 JavaScript

  Copy files and directories with webpack

  

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• page-skeleton-webpack-plugin

  1 2,780 0.0 JavaScript

  Webpack plugin to generate the skeleton page automatically

  

• workerize-loader

  1 2,305 0.0 JavaScript

  🏗️ Automatically move a module into a Web Worker (Webpack loader)

• svg-sprite-loader

  1 2,009 2.7 JavaScript

  Webpack loader for creating SVG sprites.

  

• clean-webpack-plugin

  3 1,959 1.8 TypeScript

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

• terser-webpack-plugin

  6 1,923 6.6 JavaScript

  Terser Plugin

  

• fork-ts-checker-webpack-plugin

  8 1,918 5.2 TypeScript

  Webpack plugin that runs typescript type checker on a separate process.

  

• worker-plugin

  1 1,911 1.8 JavaScript

  👩‍🏭 Adds native Web Worker bundling support to Webpack.

  

• compression-webpack-plugin

  1 1,401 6.4 JavaScript

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

  

• dotenv-webpack

  1 1,284 4.0 JavaScript

  A secure webpack plugin that supports dotenv and other environment variables and only exposes what you choose and use.

• optimize-css-assets-webpack-plugin

  3 1,158 0.0 JavaScript

  A Webpack plugin to optimize \ minimize CSS assets.

• webpack-common-shake

  2 914 0.0 JavaScript

  CommonJS Tree Shaker plugin for WebPack

Project mention: CommonJS Is Hurting JavaScript | news.ycombinator.com | 2023-06-30

While I agree the dynamic nature of CommonJS would be problematic, there were successful projects around treeshaking commonjs[0] that worked really well.

I think dynamic imports have some of the same footguns here, to be honest. Can't deny ESM is easier to statically analyze though, that much appears to be true across the board based on available evidence.

[0]: https://github.com/indutny/webpack-common-shake

• optimize-plugin

  2 660 0.0 JavaScript

  Optimized Webpack Bundling for Everyone. Intro ⤵️

• webpack-config-plugins

  1 639 0.0 JavaScript

  Provide best practices for webpack 4 loader configurations

  

• webpack-assets-manifest

  1 321 7.0 JavaScript

  This webpack plugin will generate a JSON file that matches the original filename with the hashed version.

• svg-spritemap-webpack-plugin

  1 207 3.7 JavaScript

  SVG spritemap plugin for webpack

• webpack-require-from

  1 189 0.0 JavaScript

  Webpack plugin that allows to configure path or URL for fetching dynamic imports

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

webpack-plugin related posts

• Show HN: Jampack – Optimizes static websites as a post-processing step

  3 projects | news.ycombinator.com | 25 Mar 2024

• Optimize CSS with SAT Solving

  5 projects | news.ycombinator.com | 17 Mar 2024

• Critical CSS and Next.js App Directory

  1 project | /r/nextjs | 26 Nov 2023

• How to load critical styles for a NextJs app

  1 project | /r/nextjs | 9 Oct 2023

• A webpack.config.js for WordPress Projects

  6 projects | dev.to | 31 Jul 2023

• Remove CSS Styles and Apply Styles to All Elements

  1 project | /r/css | 7 May 2023

• using types without import them

  3 projects | /r/vuejs | 17 Apr 2023
• A note from our sponsor - SurveyJS
  surveyjs.io | 3 May 2024

  With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com