JavaScript Webpack

Open-source JavaScript projects categorized as Webpack

Top 23 JavaScript Webpack Projects

  • GitHub repo 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: Setup a React app with Webpack and Babel | dev.to | 2021-02-25

    Webpack

  • GitHub repo JHipster

    JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.

    Project mention: Is there anything like ASP.NET Razor templates for login, register, manage account and others in Spring framework? | reddit.com/r/java | 2021-02-13
  • Scout

    Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo electron-react-boilerplate

    A Foundation for Scalable Cross-Platform Apps

    Project mention: Which language to fit my project | reddit.com/r/AskProgramming | 2021-02-20
  • GitHub repo Mo.js

    The motion graphics toolbelt for the web

  • GitHub repo webpack-dashboard

    A CLI dashboard for webpack dev server

  • GitHub repo 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: Best Ui Frameworkslibraries To Use With Electron | reddit.com/r/electronjs | 2021-02-28
  • GitHub repo webpack-bundle-analyzer

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

    Project mention: Lazy loading react components with React.lazy and Suspense | dev.to | 2021-02-22

    Before splitting our bundle we should exhaust all our efforts and try to reduce our bundle size. Sometimes we might find it contains a lot of unnecessary user code or dependencies. A popular dev dependency we can use just for this is webpack-bundle-analyzer. This is a webpack plugin that can generate a bundle report, which allows us to dive into the content of our bundles in a visual manner, analyze them, and get some good insights.

  • GitHub repo razzle

    ✨ Create server-rendered universal JavaScript applications with no configuration

    Project mention: From Create React App to SSR with Razzle | dev.to | 2021-02-25

    So I found Razzle. As you can read in the Razzle project description, it specifically aims to feel the gap in buy you into a framework or setting things yourself.

  • GitHub repo html-webpack-plugin

    Simplifies creation of HTML files to serve your webpack bundles

    Project mention: My first public React 17 Boilerplate (with Webpack 5, Tailwind 2) | dev.to | 2021-01-02

    html-webpack-plugin - Generate HTML files from template

  • GitHub repo react-app-rewired

    Override create-react-app webpack configs without ejecting

    Project mention: Run your React Native app on the web with React Native for Web | dev.to | 2020-11-15

    Eventually, you might need to customize your project beyond what Create React App allows you to do. Most of these customizations will probably be just slight changes to the Webpack and Babel configuration of Create React App where ejecting would be overkill — which is why you might wanna use something like react-app-rewired, customize-cra, or craco to apply these changes without ejecting.

  • GitHub repo svgr

    Transform SVGs into React components 🦁

    Project mention: How I Built My Personal Website | dev.to | 2021-01-22

    I'm using SVGR to transform my SVG files into React components, rather than loading them via . This means my SVGs will be loaded with the markup, rather than being loaded asynchronously, which can help eliminate Cumulative Layout Shift (CLS) issues. It's as simple as customizing your next.config.js file to use the @svgr/webpack loader for *.svg file types, then importing them in your components, a la:

  • GitHub repo webpack-dev-server

    Serves a webpack app. Updates the browser on changes. Documentation https://webpack.js.org/configuration/dev-server/.

    Project mention: My first public React 17 Boilerplate (with Webpack 5, Tailwind 2) | dev.to | 2021-01-02

    webpack-dev-server - Development server for webpack

  • GitHub repo whitestorm.js

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

  • GitHub repo 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)

  • GitHub repo loadable-components

    The recommended Code Splitting library for React ✂️✨

    Project mention: Priority loading in Reactjs | dev.to | 2021-02-13

    So by using Loadable components we can select the packages which we want to load after the content is loaded.

  • GitHub repo Laravel Mix

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

    Project mention: Laravel Breaking Continuously on Install. | reddit.com/r/laravel | 2021-02-23

    https://github.com/JeffreyWay/laravel-mix/issues/2550#issuecomment-752735914

  • GitHub repo offline-plugin

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

    Project mention: 12 open source browser tools and how I've built them | dev.to | 2020-12-08

    Since Omatsuri is a browser only application the only thing that we need from service worker is to cache assets and provide app shell. Offline plugin does exactly that, the only thing we need to do – add it to the production build in webpack config:

  • GitHub repo after.js

    Next.js-like framework for server-rendered React apps built with React Router

    Project mention: How to Become a Pro 😎 Front End Developer💻 | dev.to | 2020-10-08

    After.js

  • GitHub repo Neutrino

    Create and build modern JavaScript projects with zero initial configuration.

  • GitHub repo vue-cli-plugin-electron-builder

    Easily Build Your Vue.js App For Desktop With Electron

    Project mention: Notarizing your Electron application with Electron Builder | dev.to | 2020-12-28

    I've used Electron Builder together with the Electro Builder Vue CLI to build my first application. According to the official Electron website, it's described as a "complete solution to package and build a ready-for-distribution Electron app that focuses on an integrated experience."

  • GitHub repo vue-express-mongo-boilerplate

    :star: MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS

    Project mention: Show HN: Supercharge.dev – Accelerated Development in React/Next.js | news.ycombinator.com | 2021-01-24

    [1]: https://github.com/icebob/vue-express-mongo-boilerplate

  • GitHub repo copy-webpack-plugin

    Copy files and directories with webpack

    Project mention: My first public React 17 Boilerplate (with Webpack 5, Tailwind 2) | dev.to | 2021-01-02

    copy-webpack-plugin - Copy files to build directory

  • GitHub repo minipack

    📦 A simplified example of a modern module bundler written in JavaScript

    Project mention: In-depth software programming | dev.to | 2021-02-27

    JavaScript: Build Your Own Module Bundler - Minipack

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 2021-02-28.

Index

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

Project Stars
1 webpack 57,501
2 JHipster 18,027
3 electron-react-boilerplate 16,986
4 Mo.js 16,510
5 webpack-dashboard 13,748
6 electron-vue 13,684
7 webpack-bundle-analyzer 10,740
8 razzle 9,974
9 html-webpack-plugin 9,454
10 react-app-rewired 7,951
11 svgr 7,341
12 webpack-dev-server 6,785
13 whitestorm.js 5,575
14 nwb 5,268
15 loadable-components 5,264
16 Laravel Mix 4,546
17 offline-plugin 4,398
18 after.js 3,935
19 Neutrino 3,726
20 vue-cli-plugin-electron-builder 2,932
21 vue-express-mongo-boilerplate 2,745
22 copy-webpack-plugin 2,556
23 minipack 2,368