🔧
Build Tool1M+/wkMIT

parcel

Parcel is a zero-configuration web application bundler that provides a fast development experience and optimized production builds without requiring any configu

Installation

npm
npm install -D parcel
yarn
yarn add -D parcel
pnpm
pnpm add -D parcel

Import

ESM
// No config needed — Parcel auto-detects

Quick Example

usage
<!-- index.html is the entry point -->
<!-- parcel index.html -->

import './styles.css';
import { render } from './app';
render(document.getElementById('root'));

About parcel

Parcel is a zero-configuration web application bundler that provides a fast development experience and optimized production builds without requiring any configuration files. Parcel automatically detects and installs necessary transformations based on your source code — it handles JavaScript, TypeScript, JSX, CSS, HTML, images, fonts, and many other file types out of the box by analyzing import statements and HTML references. The bundler features automatic code splitting at dynamic import boundaries, tree shaking for eliminating dead code, scope hoisting for smaller bundles, content-hashed filenames for optimal caching, and differential bundling that produces modern and legacy builds simultaneously. Parcel's development server provides fast Hot Module Replacement using a custom incremental build engine written in Rust (through SWC and the @parcel/rust package). Parcel 2 introduced a plugin system for customizing every aspect of the build pipeline including transformers, resolvers, namers, packagers, optimizers, and reporters. Parcel is particularly well-suited for smaller projects and developers who want to avoid build configuration complexity while still getting production-ready output with modern optimizations.

Quick Facts

Packageparcel
CategoryBuild Tool
Weekly Downloads1M+
LicenseMIT
Installnpm install -D parcel

Related Packages

Browse npm Packages by Category

Explore our reference of 200 popular npm packages with install commands, examples, and quick-start guides.