awesome-parcel/readme.md

# Awesome Parcel [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![Slack](https://slack.parceljs.org/badge.svg)](https://slack.parceljs.org) [![Twitter Follow](https://img.shields.io/twitter/follow/parceljs.svg?style=social)](https://twitter.com/parceljs)

> A curated list of Parcel [plugins](https://www.npmjs.com/search?q=parcel-plugin-), articles, etc.


## Ecosystem
- [Website](https://parceljs.org)
- [Documentation](https://parceljs.org/getting_started.html)
- [Repository](https://github.com/parcel-bundler/parcel)
- [Twitter](https://twitter.com/parceljs)
- [Slack](https://slack.parceljs.org/)


## Contents

- [Examples](#examples)
- [Plugins](#plugins)
    - [Templates](#templates)
    - [Frameworks](#frameworks)
    - [JavaScript dialects, other languages](#javascript-dialects-other-languages)
    - [Other](#other)
- [Integration with other languages, frameworks](#integration-with-other-languages-frameworks)
- [Articles](#articles)
    - [English](#english)
    - [Portuguese](#portuguese)
    - [Russian](#russian)
    - [French](#french)
    - [Chinese](#chinese)


## Examples

- [React](https://github.com/jaredpalmer/react-parcel-example) - Minimum viable React app.
- [React with SSR](https://github.com/gregtillbrook/react-head-start) - React starter app including Server Side Rendering and code splitting.
- [React with TypeScript](https://github.com/adhrinae/ts-react-parcel) - Example code and test cases with React, TypeScript, Jest.
- [Angular](https://github.com/DeMoorJasper/Angular-Parcel-Boilerplate) - Angular boilerplate.
- [Vue.js](https://github.com/parcel-bundler/examples/tree/master/Vue) - Basic `Hello, World!` example.
- [Metal.js](https://github.com/matuzalemsteles/metal-parcel-example) - Simple example with Metal.js.
- [ReasonReact](https://github.com/Raincal/parcel-reason-react-app) - Simple Reason React app.
- [PixiJS with Typescript](https://github.com/lucas-jones/pixi-ts-parcel-example) - Simple PixiJS starter app.


## Plugins

### Templates

- [Pug](https://github.com/Ty3uK/parcel-plugin-pug) - Pug template support.
- [Markdown](https://github.com/gongpeione/parcel-plugin-markdown) - Plugin for markdown support.
- [Markdown String](https://github.com/jaywcjlove/parcel-plugin-markdown-string) - Plugin for markdown string support.
- [Mustache](https://github.com/suuzee/parcel-plugin-mustache) - Plugin for Mustache template support.
- [Nunjucks](https://github.com/devmattrick/parcel-plugin-nunjucks) - Plugin to compile Nunjucks templates.
- [Handlebars](https://github.com/TheBlackBolt/parcel-plugin-handlebars) - Plugin to compile handlebars templates.

### Frameworks

- [Vue.js](https://github.com/BoltDoggy/parcel-plugin-vue) - Vue single file components support.
- [Svelte](https://github.com/DeMoorJasper/parcel-plugin-svelte) - Svelte support.
- [Angular](https://github.com/fathyb/parcel-plugin-angular) - Angular support.

### JavaScript dialects, other languages

- [TypeScript](https://github.com/fathyb/parcel-plugin-typescript) - Enhanced TypeScript integration.
- [BuckleScript](https://github.com/jihchi/parcel-plugin-bucklescript) - Plugin that enables BuckleScript support
- [Elm](https://github.com/ssuman/parcel-plugin-elm) - Plugin that enables Elm support.
- [LightScript](https://github.com/chee/parcel-plugin-lightscript) - Example plugin for loading LightScript.
- [Emscripten](https://github.com/taktod/parcel-plugin-emc) - Plugin for Emscripten support.
- [Fable](https://github.com/slogsdon/parcel-plugin-fable) - Enable F# support via Fable + Babel.

### Other

- [ESLint](https://github.com/BoltDoggy/parcel-plugin-eslint) - Plugin for ESlint support.
- [Bundle Manifest](https://github.com/mugi-uno/parcel-plugin-bundle-manifest) - Plugin for generating a bundle manifest.
- [AppCache](https://github.com/pierredavidbelanger/parcel-plugin-appcache) - Plugin for generating an appcache manifest.
- [Inline SVG](https://github.com/albinotonnina/parcel-plugin-inlinesvg) - Plugin that enables inline svg support.
- [Wrapper](https://github.com/albinotonnina/parcel-plugin-wrapper) - Plugin that wraps output files with custom text or code.
- [Url-Loader](https://github.com/fansenze/parcel-plugin-url-loader) - Plugin that enables convert image to base64 in `.js`.
- [Google Closure](https://github.com/fathyb/parcel-plugin-closure) - Plugin that uses Google Closure compiler to minify and tree-shake JavaScript.
- [Image minification](https://github.com/DeMoorJasper/parcel-plugin-imagemin) - Plugin that uses imagemin to minify images on build
- [Bundle Visualiser](https://github.com/gregtillbrook/parcel-plugin-bundle-visualiser) - Plugin to visualise bundle contents (the parcel version of webpacks [webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer))
- [css to style object](https://www.npmjs.com/package/parcel-plugin-css-object) import css as object
- [SW Precache](https://github.com/cyyyu/parcel-plugin-sw-precache) Plugin to generate a service worker file that will precache resources so they work offline. (PWA)
- [react-native-web](https://github.com/dalcib/parcel-plugin-react-native-web) - Plugin that enables [react-native-web](https://github.com/necolas/react-native-web) support.
- [web-extension](https://github.com/kevincharm/parcel-plugin-web-extension) - Plugin that enables to use a WebExtension `manifest.json` as an entry point.
- [Static Files Copy](https://github.com/elwin013/parcel-plugin-static-files-copy) - Plugin that copy static files into bundle directory.
- [Inliner](https://github.com/shff/parcel-plugin-inliner) - Inlines all your CSS, JS and images in a single HTML file. Great for small websites.

## Integration with other languages, frameworks

- [parcel-rails](https://github.com/michaldarda/parcel-rails) - Ruby On Rails gem, for easier integration into Rails applications

## Articles

### English

- [Announcing Parcel: A blazing fast, zero configuration web application bundler](https://hackernoon.com/announcing-parcel-a-blazing-fast-zero-configuration-web-application-bundler-feac43aac0f1?source=search_post---------0)
- [Parcel Bundler with React and Hot Module Replacement](https://medium.com/@d.kang/parcel-bundler-with-react-and-hot-module-replacement-7f92efd25584)
- [Code Splitting with Parcel Web App Bundler](https://hackernoon.com/code-splitting-with-parcel-web-app-bundler-fe06cc3a20da)

### Portuguese

- [Parcel Bundler: Criando um projeto React](https://medium.com/tableless/parcel-bundler-criando-um-projeto-react-1a620a151e34)

### Russian

- [Parcel — очень быстрый бандлер, не требующий настройки](https://habrahabr.ru/post/344486/) - Parcel quick review.
- [Parcel — пишем плагин](https://habrahabr.ru/post/344858/) - How to write a Parcel plugin.

### French

- [Parcel - Présentation](https://www.grafikart.fr/tutoriels/javascript/parcel-bundler-985) - Parcel review (video)

### Chinese

- [下一代零配置打包工具 Parcel 初体验](https://zhuanlan.zhihu.com/p/34033344) - Quick view of the next generation bundler Parcel

## Contribute

Contributions welcome! Read the [contribution guidelines](contributing.md) first.


## License

[![CC0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)

To the extent possible under law, [Maksim Karelov](https://github.com/Ty3uK) has waived all copyright and
related or neighboring rights to this work.