Top 23 JavaScript Webpack Projects

• webpack

  21 57,501 9.8 JavaScript

  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

• JHipster

  1 18,027 10.0 JavaScript

  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

  Sponsored scoutapm.com

  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.

• electron-react-boilerplate

  6 16,986 6.3 JavaScript

  A Foundation for Scalable Cross-Platform Apps

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

• Mo.js

  0 16,510 0.4 JavaScript

  The motion graphics toolbelt for the web

• webpack-dashboard

  0 13,748 4.4 JavaScript

  A CLI dashboard for webpack dev server

• electron-vue

  1 13,684 0.0 JavaScript

  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

• webpack-bundle-analyzer

  4 10,740 7.7 JavaScript

  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.

• razzle

  3 9,974 9.0 JavaScript

  ✨ 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.

• html-webpack-plugin

  1 9,454 8.1 JavaScript

  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

• react-app-rewired

  1 7,951 3.4 JavaScript

  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.

• svgr

  1 7,341 5.4 JavaScript

  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:

• webpack-dev-server

  1 6,785 7.1 JavaScript

  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

• whitestorm.js

  0 5,575 1.3 JavaScript

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

• nwb

  0 5,268 3.8 JavaScript

  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)

• loadable-components

  2 5,264 7.2 JavaScript

  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.

• Laravel Mix

  4 4,546 9.3 JavaScript

  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

• offline-plugin

  1 4,398 0.0 JavaScript

  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:

• after.js

  1 3,935 6.4 JavaScript

  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

• Neutrino

  0 3,726 6.5 JavaScript

  Create and build modern JavaScript projects with zero initial configuration.

• vue-cli-plugin-electron-builder

  1 2,932 8.4 JavaScript

  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."

• vue-express-mongo-boilerplate

  1 2,745 0.0 JavaScript

  :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

• copy-webpack-plugin

  1 2,556 7.0 JavaScript

  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

• minipack

  1 2,368 0.0 JavaScript

  📦 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

Index