Parcel is a free, open-source build tool for web projects that works with many file types without requiring initial configuration. It handles HTML, CSS, JavaScript, TypeScript, JSX, Flow, images, fonts, video, Sass, SVG, Vue, Node, Electron, GraphQL, MDX and XML, and can install plugins and development dependencies for other file types. Its development server includes HTTPS and an API proxy, and browser updates integrate with React Fast Refresh and Vue hot reloading. Diagnostics appear in the terminal and browser with highlighted code, hints and documentation links. For builds, Parcel uses worker threads, caching and lazy development builds; production options include tree shaking, minification, image optimization, code splitting and content hashing. It can transform code for declared browser targets, build workers and libraries for multiple targets, and build monorepos. A plugin system and programmatic API support customization and integration with other build systems. The free plan is available. The development server builds one target at a time and defaults to a modern browser target; compression is supported but not enabled by default.
Who it is for
Parcel suits web developers who want a build tool for varied web assets, browser targets or multi-package projects. Its programmatic API and plugin system may also suit teams integrating builds into existing systems.
What is good
- Supports many web languages and asset types out of the box
- Development server includes HTTPS and an API proxy
- Integrates with React Fast Refresh and Vue hot reloading
- Offers tree shaking, minification, image optimization and code splitting
What to know first
- Development server builds only one target at a time
- Development server defaults to a modern browser target
- Gzip and Brotli compression are not enabled by default
- No remote build cache
Verdict
Parcel combines broad built-in file support with development and production build tools, plus options for plugins and programmatic integration. Its one-target development server and default modern-browser target are worth noting when planning a workflow.
Compared on JavaScript build tools
- Free plan
- Yes
- TypeScript support
- Yes
- Code splitting
- Yes
- Tree shaking
- Yes
- Source maps
- Yes
- Plugin API
- Yes
- Remote build cache
- No
