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: Vue 3 Starter Template with Webpack, Tailwind CSS, and MerakUI - Quick Setup for Modern Web Apps | dev.to | 2024-11-06

    Webpack: A bundler for managing and optimizing module dependencies. Learn More

  • CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  • js-stack-from-scratch

    ๐Ÿ› ๏ธโšก Step-by-step tutorial to build a modern JavaScript stack.

    Project mention: 11 GitHub Repositories to learn NodeJs | dev.to | 2024-11-03
  • react-loadable

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

  • front-end-guide

    ๐Ÿ“š Study guide and introduction to the modern front end stack.

  • 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: Optimizing Your React/Next.js Application | dev.to | 2024-09-02

    Analyze Bundle Size: Use tools like webpack-bundle-analyzer to analyze and reduce your JavaScript bundle size. This can help identify large dependencies that may be slowing down your app.

  • razzle

    โœจ Create server-rendered universal JavaScript applications with no configuration

    Project mention: Top 12+ Battle-Tested React Boilerplates for 2024 | dev.to | 2024-04-29

    Razzle is a build tool created by Airbnb, which also simplifies server-side rendering. It abstracts away the complexity of configuring server-side rendering settings and allows developers to easily create versatile JavaScript applications. Razzle supports features like code splitting, CSS-in-JS, and hot module replacement, making it suitable for building React applications that require server-side rendering.

  • SaaSHub

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

    SaaSHub logo
  • html-webpack-plugin

    Simplifies creation of HTML files to serve your webpack bundles

  • PatrickJS-starter

    MFE Starter

  • react-app-rewired

    Override create-react-app webpack configs without ejecting

  • flowbite

    Open-source UI component library and front-end development framework based on Tailwind CSS

    Project mention: Personal Finance Management App with Django, HTMX, Alpine, Tailwind and Plaid | dev.to | 2024-10-09

    Tailwind CSS handles the styling in this project, which speeds up the development of clean and responsive UIs. This project also uses Flowbite for pre-built UI components like modals, tooltips, and buttons. Flowbite integrates well with Tailwind and helps you avoid reinventing the wheel for common UI elements.

  • webpack-dev-server

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

  • loadable-components

    The recommended Code Splitting library for React โœ‚๏ธโœจ

    Project mention: Supercharging React Performance with TypeScript: Code Splitting and Lazy Loading ๐Ÿš€ | dev.to | 2024-08-27

    Loadable Components: A popular library that provides more advanced features like preloading components and handling loading states more granularly (https://github.com/gregberge/loadable-components).

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

  • babel-loader

    ๐Ÿ“ฆ Babel loader for webpack

  • offline-plugin

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

  • css-loader

    CSS Loader

  • vue-cli-plugin-electron-builder

    Easily Build Your Vue.js App For Desktop With Electron

  • sass-loader

    Compiles Sass to CSS

  • SaaSHub

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

    SaaSHub logo
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).

JavaScript Webpack discussion

Log in or Post with

JavaScript Webpack related posts

  • Vue 3 Starter Template with Webpack, Tailwind CSS, and MerakUI - Quick Setup for Modern Web Apps

    3 projects | dev.to | 6 Nov 2024
  • Show HN: Scroll-It โ€“ a Reddit thread auto-scroller for subreddit image threads

    2 projects | news.ycombinator.com | 24 Sep 2024
  • Vite vs Webpack: Which Build Tool is Right for Your Project?

    2 projects | dev.to | 25 Sep 2024
  • Optimizing Your React/Next.js Application

    1 project | dev.to | 2 Sep 2024
  • Optimizing Web Performance: Best Practices and Techniques

    1 project | dev.to | 2 Sep 2024
  • Complete module federation example withย rspack

    2 projects | dev.to | 1 Sep 2024
  • Supercharging React Performance with TypeScript: Code Splitting and Lazy Loading ๐Ÿš€

    1 project | dev.to | 27 Aug 2024
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 10 Nov 2024
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more โ†’

Index

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

Project Stars
1 webpack 64,677
2 js-stack-from-scratch 20,073
3 react-loadable 16,600
4 front-end-guide 15,122
5 webpack-dashboard 13,867
6 webpack-bundle-analyzer 12,584
7 razzle 11,103
8 html-webpack-plugin 10,709
9 PatrickJS-starter 10,326
10 react-app-rewired 9,821
11 flowbite 7,886
12 webpack-dev-server 7,796
13 loadable-components 7,678
14 WebSlides 6,201
15 whitestorm.js 6,136
16 nwb 5,572
17 Manta 5,279
18 Laravel Mix 5,267
19 babel-loader 4,825
20 offline-plugin 4,516
21 css-loader 4,311
22 vue-cli-plugin-electron-builder 4,123
23 sass-loader 3,905

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you konow that JavaScript is
the 3rd most popular programming language
based on number of metions?