Projects sharing features with Webpack

Awesome Vite is a curated collection of resources, plugins, and templates designed for the Vite build tool ecosystem. It serves as a central directory for developers looking to extend the capabilities of this high-performance frontend build pipeline and module bundler. The project highlights the core strengths of Vite, including its native ESM-based development server, instant hot module replacement, and pre-bundled dependency optimization. By aggregating community-maintained tools, it showcases how to leverage Vite’s plugin-based architecture to customize build pipelines, integrate popular f

Brunch is a frontend build tool and JavaScript asset bundler designed to automate the transformation of source code into production-ready assets. It functions as an incremental build system that monitors the filesystem for changes to rebuild only modified components, and it serves as a project scaffolding engine for initializing application structures via predefined skeletons and code boilerplates. The tool utilizes a plugin-based transformation pipeline to compile and optimize JavaScript and CSS files for browser delivery. It distinguishes itself through the use of multi-core build paralleli

Snowpack is an ESM-powered frontend build tool and development server that serves native ES modules directly to the browser. By eliminating the bundling process during development, it enables nearly instant server startup and unbundled frontend development. The project features a framework-aware hot module reload system that preserves component state during updates, with specific Fast Refresh integration for React, Preact, Svelte, and Vue. It also acts as a modern web transpiler, automatically converting TypeScript, JSX, and CSS Modules into browser-compatible code without requiring manual co

electron-vue is a pre-configured project boilerplate and scaffolding system for building desktop applications using Electron and Vue.js. It provides a standardized project structure and an integrated build pipeline to accelerate the development of desktop software. The project enables a hybrid deployment model, allowing developers to generate both standalone desktop executables for multiple operating systems and browser-compatible web versions from a single codebase. It distinguishes its development workflow with hot reloading and hot module replacement to update the user interface in real-ti

MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from a single codebase. It utilizes a static transpilation pipeline to transform source code into platform-specific bundles, employing a single-file component system that encapsulates templates, logic, and styles. The framework provides a reactive state management system that automatically synchronizes application data with the user interface through computed properties and watchers. The project distinguishes itself through a robust build-time toolchain that supports sub-package p

This project is a boilerplate for Chrome extension development, utilizing React and Vite to build custom functionality and user interfaces for web browsers. The development workflow emphasizes fast iteration through hot-reload capabilities and module rebuilding, which reflect code changes in the browser without manual reloading. It includes a type-safe internationalization system for managing multi-language support and automated end-to-end testing to verify feature stability across different browser packages. The architecture provides a component-based framework for creating popups, options

Laravel Mix is a frontend build tool and a configuration wrapper for Webpack that simplifies the bundling of JavaScript, TypeScript, and CSS assets. It functions as a task runner and static asset manager, providing a simplified interface to compile source files into optimized production assets. The project distinguishes itself by providing a fluent API that abstracts complex bundling configurations into human-readable method calls. It includes specialized pipelines for transforming Vue and React components into browser-compatible JavaScript and offers a system for automatic vendor prefixing a

react-hot-loader is a developer utility for updating React components and hooks in real time. It functions as a state-preserving UI updater that wraps components in proxies, allowing the underlying logic to be replaced without unmounting the component tree. The tool maintains internal application state across hot module updates by swapping component logic while keeping the mount point constant. It includes mechanisms to intercept rendering errors during updates through temporary error boundaries and manages hook-order validation to prevent state mismatches when functional hooks change. The p

Connect-assets is a Node.js asset pipeline and frontend build tool designed to manage the compilation, minification, and serving of scripts and stylesheets. It functions as a static asset bundler that resolves dependency graphs to concatenate source files into optimized bundles, reducing the number of network requests required for page delivery. The tool distinguishes itself by integrating directly into the development lifecycle through middleware that intercepts HTTP requests to compile and serve assets on demand. For production environments, it provides a command-line interface to precompil

Create React App is a comprehensive suite of tools for project bootstrapping, local development serving, unit testing, and production asset optimization. It functions as a React project bootstrapper and frontend build toolchain that generates a pre-configured development environment and folder structure. The project provides a local development server with live reloading and real-time error reporting, alongside a built-in test runner for executing unit tests and generating code coverage reports. It also includes a progressive web app template to implement service workers and web app manifests

Webpacker is a frontend build tooling system and JavaScript module manager that integrates Webpack into Ruby on Rails applications. It serves as a bridge between the backend web framework and the frontend build process to compile JavaScript and CSS into browser-ready bundles. The system provides a dedicated development asset server for real-time code reloading and automatic browser refreshing. For production, it includes a precompilation pipeline that minifies scripts and stylesheets and applies network asset compression to optimize delivery. The project covers comprehensive asset management

vue-cli is a frontend development command line interface and scaffolding tool designed for initializing, managing, and configuring the build pipeline of Vue.js projects. It serves as a project bootstrapping tool that creates standardized directory structures and installs the necessary dependencies to establish a development environment. The tool provides a build environment based on Webpack to bundle and compile assets for modern web applications. It focuses on automating the frontend build pipeline to ensure consistent production builds across different projects. The system incorporates sta

This project is a TypeScript React starter template and frontend development boilerplate. It provides a pre-configured project scaffold and foundation for building type-safe user interfaces, integrating essential tooling for typing, linting, and testing to accelerate the start of a web application. The scaffold distinguishes itself by providing a complete production asset pipeline that generates minified JavaScript and CSS bundles to optimize loading speeds. It includes a dedicated component testing suite for executing logic and snapshot tests in a simulated browser environment, alongside a h

Farm is a Rust-based web build tool and development server that compiles JavaScript, TypeScript, CSS, HTML, and static assets into optimized bundles. It uses a module-graph-based bundling approach with persistent module-level caching, enabling near-instant builds and sub-20ms hot module replacement during development. The tool processes assets based on file extensions, handling CSS, Sass, Less, PostCSS, HTML, and images as first-class modules without requiring JavaScript transformation. Farm distinguishes itself through its Vite-compatible plugin system, accepting Vite, Rollup, and Unplugin p

tModLoader is a modding framework and toolset designed for expanding game content and extending core game logic. It provides a polymorphic content API that allows for the creation of new items, NPCs, projectiles, and world assets through object-oriented inheritance. The project is distinguished by its advanced code modification capabilities, utilizing intermediate language bytecode patching and reflection-based private access to alter internal game behavior. It features a hot-reloading assembly runtime that enables developers to recompile and apply source code changes in real-time without res

Rspack is a high-performance web bundler written in Rust that packages JavaScript and TypeScript for web applications. It functions as an incremental build engine and a tree-shaking asset optimizer designed to reduce build times and minimize final bundle sizes for web delivery. The project is built for compatibility with the webpack ecosystem, implementing a compatible API that allows existing plugins and configurations to work without modification. This enables the integration of community loaders and plugins while leveraging a Rust-based compilation engine. The tool covers a broad range of

WXT is a development framework and build tool for creating browser extensions. It transforms source code into browser-compatible formats and provides a structured environment for managing the compilation and asset management of web extensions. The framework automates the definition of background and content scripts by mapping the file-system structure directly to extension manifests. It includes a development environment with hot module replacement to apply real-time code updates in the browser without manual restarts. The toolset covers the full extension lifecycle, including project bootst

This project is a pre-configured development environment and project boilerplate for building web applications with React, Redux, and React-Router. It provides a standardized project layout and toolchain to accelerate application bootstrapping. The project implements a feature-based architecture template, which uses a modular directory organization to group components, state, and logic by application feature rather than by technical file type. The toolchain includes a frontend configuration for compiling, linting, and bundling JavaScript and Sass assets, alongside a JavaScript unit testing s

Oppia is an online learning platform and cloud-based learning environment designed to deliver interactive lessons and tutoring through structured activities. It functions as a multilingual educational content management system that provides a web-based interface for students to engage with educational resources. The project includes an interactive lesson authoring tool that enables the creation of educational content featuring dynamic values, data visualizations, and rich text editors. To ensure global accessibility, the system supports multilingual content with localized stylesheets and righ

This project is a full-stack web framework and starter template designed for building applications that integrate React frontend interfaces with Node.js and Express backend services. It provides a unified development environment that synchronizes both frontend and backend processes, allowing for a cohesive workflow within a single project structure. The framework distinguishes itself by orchestrating the development lifecycle through automated server restarts and live reloading, which eliminates the need for manual refreshes during testing. It includes built-in configurations for transpiling

react-slingshot is a JavaScript frontend boilerplate and starter kit designed to bootstrap React applications. It provides a pre-configured foundation that integrates React and Redux for state management, alongside routing and a unidirectional data flow. The project features an integrated build pipeline that handles Babel transpilation, Sass compilation, and module bundling. It includes a development environment with hot module replacement and source maps for rapid iteration, as well as production optimization tools for minifying assets and analyzing bundle size. The toolkit covers a broad s

Maven is a Java build automation tool and software build orchestrator. It functions as a project lifecycle manager and dependency management system, using a standardized project object model to compile, test, and package Java projects. The project distinguishes itself through a phase-based build lifecycle and a plugin-based extension model, allowing users to bind custom goals to specific build stages. It coordinates complex software through multi-module project orchestration and ensures a reproducible build workflow by neutralizing environmental variables and controlling toolchain versions.

Quarkus is a Kubernetes-native Java framework designed for building high-performance, memory-efficient applications. It utilizes ahead-of-time native compilation to transform Java code into standalone, optimized binaries that eliminate the need for a virtual machine, enabling rapid startup and reduced memory consumption. By performing code augmentation during the build phase, it shifts heavy processing tasks away from runtime, ensuring that applications are optimized for cloud-native environments. The framework distinguishes itself through a unified approach to reactive and imperative program

This project is an Xcode runtime code injector and developer productivity tool. It enables the injection of Swift and Objective-C code changes into a running application without requiring a process restart, functioning as a hot module replacement tool for iOS development. The tool provides a dynamic UI debugger for reloading storyboards and tuning visual parameters in real time. It allows for the recompilation of individual classes and the binding of new implementations into a live process, avoiding full project rebuilds. The system covers runtime injection capabilities, including automated

React Refresh Webpack Plugin is a development tool that enables live reloading of React components while preserving their local state during development. It integrates with build processes to instantly update component code without losing user state or session data, while also offering options to clear and reinitialize component state when unstable interfaces need clean recovery. The plugin manages updates and state preservation in the browser by intercepting the bundling lifecycle, applying abstract syntax tree transformations to inject metadata and preamble hooks, and communicating with mod

This repository is a collection of Webpack configuration examples and JavaScript module bundler demonstrations. It provides asset pipeline tutorials and frontend build tool examples focused on resolving dependencies and merging multiple modules into optimized browser files. The project demonstrates how to configure Webpack for transforming JavaScript assets, including the use of loaders and plugins to process JSX, CSS, and images into browser-ready formats. It includes practical examples of code splitting, minification, and environment variable injection. The covered capabilities include fro

InjectionIII is a suite of development utilities designed for runtime code reloading, expression evaluation, and automated code injection. It provides a system for recompiling modified source files and patching function pointers in a live process to update application behavior without requiring a full restart. The project utilizes Xcode build script extensions and a live code injector to deliver Swift and Objective-C changes to desktop applications and physical hardware. It features a runtime evaluator that executes string-based Swift expressions to inspect state and retrieve values from a ru