JavaScript Webpack

Open-source JavaScript projects categorized as Webpack

Top 23 JavaScript Webpack Projects

  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    Project mention: 14-ES6++: Null Coalescing in Javascript | | 2022-11-26

    If your project uses a bundler like webpack or rollup, then you can use the nullish coalescing operator in your code. But if you are using a browser, then you should use a transpiler like babel to transpile your code to ES5. You can use babel repl to transpile your code.

  • js-stack-from-scratch

    🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.

    Project mention: Front-end Guide | | 2022-11-23

    JS Stack from Scratch

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

  • react-loadable

    :hourglass_flowing_sand: A higher order component for loading components with promises.

    Project mention: Unit Testing dynamically imported React Component | | 2022-05-07

    I have a very simple React component that uses react-loadable to dynamically import another component. The code looks something akin to the following:

  • electron-vue

    An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.

    Project mention: How to Use MQTT in The Electron Project | | 2022-06-19


  • front-end-guide

    📚 Study guide and introduction to the modern front end stack.

    Project mention: Trazim mentora! | | 2022-03-30
  • webpack-dashboard

    A CLI dashboard for webpack dev server

  • webpack-bundle-analyzer

    Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

    Project mention: Beautiful Visualizations For Your App's Dependencies | | 2022-10-31
  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • razzle

    ✨ Create server-rendered universal JavaScript applications with no configuration

    Project mention: Top 5 React Boilerplates to Know in 2023 | | 2022-11-15

    5 Razzle Razzle Razzle uses this method to operate with a variety of frameworks, including Angular, Preact, Vue, Svelte, and not just React. While your app is running, just type rs in the console and press Enter to restart your server.

  • MFE-starter

    MFE Starter

    Project mention: Separate Angular2 TypeScript files and JavaScript files into different folders, maybe 'dist‘ | | 2022-04-16

    A good example of this might be angular2-webpack-quickstart. But I didn't figure out how they do that?

  • html-webpack-plugin

    Simplifies creation of HTML files to serve your webpack bundles

    Project mention: Dependency hell with webpack. What version do I need? | | 2022-05-15
  • react-app-rewired

    Override create-react-app webpack configs without ejecting

    Project mention: Accepting Crypto Payments in a Classic Commerce App | | 2022-07-05

    Heads up: CRA5 bumped their webpack dependency to a version that no longer supports node polyfills in browsers. This breaks the builds of nearly all Ethereum-related projects today. A common workaround that avoids ejecting is to hook into the CRA build process. We’re using react-app-rewired but you could simply stay at CRA4 until the community comes up with a better solution.

  • webpack-dev-server

    Serves a webpack app. Updates the browser on changes. Documentation

    Project mention: Dependency hell with webpack. What version do I need? | | 2022-05-15
  • prerender-spa-plugin

    Prerenders static HTML in a single-page application.

  • loadable-components

    The recommended Code Splitting library for React ✂️✨

    Project mention: How do I display the loader while the .svg document is loading? | | 2022-08-06

    I would like to display small loader in the component while the .svg document is loading. How can i do that? I tried to use Loadable Components - React code splitting and set fallback to the .svg component, but it doesn't work. I would like the loader to display until the entire .svg file has rendered in the DOM. What should I use to achieve this effect? In pure JavaScript, you can set the listener until the svg is rendered in the DOM.

  • WebSlides

    Create HTML presentations in seconds —

  • whitestorm.js

    :rocket: 🌪 Super-fast 3D framework for Web Applications 🥇 & Games 🎮. Based on Three.js

  • nwb

    A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)

  • Manta

    🎉 Flexible invoicing desktop app with beautiful & customizable templates.

  • Laravel Mix

    The power of webpack, distilled for the rest of us.

    Project mention: concerned about long term stability of laravel | | 2022-07-18

    Yeah, I'm the guy who tells you: No one is forcing you to switch to Vite. Laravel Mix still works and will work for the forseeable future. Mix isn't even part of the Laravel GitHub organisation and noone from the core Laravel team has contributed to the package in the last few months.

  • babel-loader

    📦 Babel loader for webpack

    Project mention: Why does Object.assign() require a polyfill when babel-loader is being used? | | 2022-04-30

    Uncaught TypeError: Object.assign is not a function I'm already using babel-loader to transpile ES6 to ES5, so all my other ES6 code is working. Yet, Object.assign() only works after I also import "babel-core/polyfill" in my codebase. I see that I can also fix this by importing babel-runtime, but I'd like to understand why Object.assign() requires more than what babel-loader performs — shouldn't babel-loader preprocess everything, including Object.assign()?

  • offline-plugin

    Offline plugin (ServiceWorker, AppCache) for webpack (

  • css-loader

    CSS Loader

    Project mention: React SSR loading CSS on express server problems. | | 2022-07-25

    Css files need a css loader like In fact I see you already have 2 css loaders in your normal webpack config. the server config needs those too. Your fronted build and server build will be very similar in that regard.

  • Neutrino

    Create and build modern JavaScript projects with zero initial configuration.

    Project mention: Boilerplates For ReactJS | | 2022-05-05


  • Zigi

    The context switching struggle is real. Zigi makes context switching a thing of the past. It monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack!

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-11-26.

JavaScript Webpack related posts


What are some of the best open-source Webpack projects in JavaScript? This list will help you:

Project Stars
1 webpack 62,098
2 js-stack-from-scratch 19,275
3 react-loadable 16,450
4 electron-vue 15,144
5 front-end-guide 14,683
6 webpack-dashboard 13,888
7 webpack-bundle-analyzer 12,064
8 razzle 10,925
9 MFE-starter 10,388
10 html-webpack-plugin 10,316
11 react-app-rewired 9,390
12 webpack-dev-server 7,499
13 prerender-spa-plugin 7,241
14 loadable-components 6,892
15 WebSlides 5,976
16 whitestorm.js 5,895
17 nwb 5,518
18 Manta 5,220
19 Laravel Mix 5,146
20 babel-loader 4,682
21 offline-plugin 4,487
22 css-loader 4,187
23 Neutrino 3,925
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.