Awesome Parcel

A curated list of Parcel plugins, articles, etc.

Ecosystem

• Website
• Documentation
• Repository
• Twitter
• Slack

Contents

• Examples
• Plugins
  • Templates
  • Frameworks
  • JavaScript dialects, other languages
  • Other
• Integration with other languages, frameworks
• Articles
  • English
  • Portuguese
  • Russian
  • French
  • Chinese

Examples

• React - Minimum viable React app.
• React with SSR - React starter app including Server Side Rendering and code splitting.
• React with TypeScript - Example code and test cases with React, TypeScript, Jest.
• Angular - Angular boilerplate.
• Vue.js - Basic Hello, World! example.
• Metal.js - Simple example with Metal.js.
• ReasonReact - Simple Reason React app.
• PixiJS with Typescript - Simple PixiJS starter app.

Plugins

Templates

• Pug - Pug template support.
• Markdown - Plugin for markdown support.
• Markdown String - Plugin for markdown string support.
• Mustache - Plugin for Mustache template support.
• Nunjucks - Plugin to compile Nunjucks templates.
• Handlebars - Plugin to compile handlebars templates.

Frameworks

• Vue.js - Vue single file components support.
• Svelte - Svelte support.
• Angular - Angular support.

JavaScript dialects, other languages

• TypeScript - Enhanced TypeScript integration.
• BuckleScript - Plugin that enables BuckleScript support
• Elm - Plugin that enables Elm support.
• LightScript - Example plugin for loading LightScript.
• Emscripten - Plugin for Emscripten support.
• Fable - Enable F# support via Fable + Babel.

Other

• ESLint - Plugin for ESlint support.
• Bundle Manifest - Plugin for generating a bundle manifest.
• AppCache - Plugin for generating an appcache manifest.
• Inline SVG - Plugin that enables inline svg support.
• Wrapper - Plugin that wraps output files with custom text or code.
• Url-Loader - Plugin that enables convert image to base64 in .js.
• Google Closure - Plugin that uses Google Closure compiler to minify and tree-shake JavaScript.
• Image minification - Plugin that uses imagemin to minify images on build
• Bundle Visualiser - Plugin to visualise bundle contents (the parcel version of webpacks webpack-bundle-analyzer)
• css to style object import css as object
• SW Precache Plugin to generate a service worker file that will precache resources so they work offline. (PWA)
• react-native-web - Plugin that enables react-native-web support.
• web-extension - Plugin that enables to use a WebExtension manifest.json as an entry point.
• Static Files Copy - Plugin that copy static files into bundle directory.
• Inliner - Inlines all your CSS, JS and images in a single HTML file. Great for small websites.
• PurifyCSS - Removes unused selectors from your CSS files using PurifyCSS.
• Manifest – Create a manifest.json in the ./dist folder containing references to the (hashed) asset files.

Integration with other languages, frameworks

• parcel-rails - Ruby On Rails gem, for easier integration into Rails applications

Articles

English

• Announcing Parcel: A blazing fast, zero configuration web application bundler
• Parcel Bundler with React and Hot Module Replacement
• Code Splitting with Parcel Web App Bundler

Portuguese

• Parcel Bundler: Criando um projeto React

Russian

• Parcel — очень быстрый бандлер, не требующий настройки - Parcel quick review.
• Parcel — пишем плагин - How to write a Parcel plugin.

French

• Parcel - Présentation - Parcel review (video)
• Parcel - Changer le bundler de Phoenix - Integration in a framework

Chinese

• 下一代零配置打包工具 Parcel 初体验 - Quick view of the next generation bundler Parcel

Contribute

Contributions welcome! Read the contribution guidelines first.

License

To the extent possible under law, Maksim Karelov has waived all copyright and related or neighboring rights to this work.