awesome-parcel

🔗 A curated list of awesome Parcel resources, libraries, tools and boilerplates
https://github.com/parcel-bundler/awesome-parcel

Last synced: 3 days ago
JSON representation

Ecosystem
- Website
- Documentation
- Twitter
- Slack
- Repository
- Twitter
Examples
- Vue.js - Basic `Hello, World!` example.
- Dart - Simple `Hello, World` example.
- Preact Boilerplate - A minimal Preact boilerplate project, powered by Parcel.
- Parcel-Tsx-Template - A Simple Parcel Template With React & Typescript.
- Element UI - Minimal Vue Element UI Parcel template.
- 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.
- React + TypeScript + CSS Modules + SASS - Boilerplate to create a webapp with: React + TypeScript + CSS Modules + SASS.
- Angular - Angular boilerplate.
- Vue.js with Vuex and Vue Router - Quickstart example including Code Splitting, Hot Reloading, Vuex, Vue Router and Less.
- Metal.js - Simple example with Metal.js.
- ReasonReact - Simple Reason React app.
- PixiJS with Typescript - Simple PixiJS starter app.
- AWS IoT Button logger to git - A beginner-friendly AWS Lambda function that logs events from IoT devices into a git repository of your choice. Written in TypeScript, tested with Jest, compiled with Parcel into a single file. The project uses Azure Pipelines as CI.
- Phaser 3 with Parcel - Simple Phaser game template.
- Parcel Github Pages Boilerplate - Boilerplate to automatically publish to Github Pages through Github Actions.
- Parcel Start - Simple starter template for plain web sites.
Plugins
- Other
  - SVGR - Plugin that imports svgs as components.
  - css to style object
  - PWA Manifest
  - parcel-plugin-text
  - structurize
  - parcel-plugin-marked-prismjs - Plugin for using prismjs plugins in md files.
  - ESLint - Plugin for ESlint support.
  - Bundle Manifest - Plugin for generating a bundle manifest.
  - AppCache - Plugin for generating an appcache manifest.
  - parcel-plugin-sw-cache - Run workbox-build after every build.
  - Inline SVG - Plugin that enables inline svg support. (deprecated)
  - SVG Sprite - Plugin that generates a sprite of imported svg files.
  - Wrapper - Plugin that wraps output files with custom text or code.
  - Url-Loader - Plugin that enables convert image to base64 in `js`/`css`.
  - css-url-loader - Plugin that enables convert image to base64 in `css`.
  - 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](https://www.npmjs.com/package/webpack-bundle-analyzer))
  - SW Precache
  - react-native-web - Plugin that enables [react-native-web](https://github.com/necolas/react-native-web) support.
  - web-extension - Plugin that enables to use a WebExtension `manifest.json` as an entry point.
  - Static Files Copy - Plugin that copies 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](https://github.com/purifycss/purifycss).
  - PurgeCSS - Removes unused selectors from your CSS files using [PurgeCSS](https://github.com/FullHuman/purgecss).
  - Modernizr - Generates a custom modernizr build
  - Watch Reload - Watches files outside of parcel bundles and sends a reload request to parcel if they change
  - HTML Interpolation - Interpolation plugin that gives you option to use your .env variable inside HTML
  - Static ZIP - Provide archived local directory in the static build. Useful for BrowserFS.
  - parcel-plugin-shebang - Add a shebang to the output files (useful for CLI applications).
  - data-src - Bundles resources defined in `data-srcset` and `data-src` HTML attributes.
  - compress - Precompresses (gzip, brotli) build output with [@gfx/zopfli](https://github.com/gfx/universal-zopfli-js) and [brotli](https://www.npmjs.com/package/brotli)
  - parcel-plugin-run-server
  - parcel-plugin-prerender - in universal pre-rendering.
  - parcel-plugin-ogimage
  - parcel-plugin-graphql-raw
  - parcel-plugin-goodie-bag
  - parcel-plugin-subresource-integrity
  - CSS Modules - css-modules](https://github.com/Quramy/typed-css-modules).
  - parcel-plugin-overwolf - json)
  - code obfuscation - obfuscate`](https://github.com/javascript-obfuscator/javascript-obfuscator/) to obfuscate javascript code of entry assets.
  - Linaria CSS-in-JS
  - parcel-plugin-codgen - Allows to generate modules on the fly, i.e., a Node.js solution for metaprogramming modules.
  - parcel-plugin-externals - Adds the ability to omit specified dependencies from the generated bundle(s), e.g., by referencing global variables.
  - parcel-plugin-nuke-dist - Wipes the `dist/` directory before compiling a new bundle.
  - parcel-plugin-goodie-bag
  - parcel-plugin-subresource-integrity
  - code obfuscation - obfuscate`](https://github.com/javascript-obfuscator/javascript-obfuscator/) to obfuscate javascript code of entry assets.
- Templates
  - Pug - Pug template support.
  - Markdown - Plugin for markdown support.
  - Markdown String - Plugin for markdown string support.
  - Markdown with Frontmatter - Plugin for markdown with frontmatter support.
  - Mustache - Plugin for Mustache template support.
  - Nunjucks - Plugin to compile Nunjucks templates.
  - Handlebars - Plugin to compile handlebars templates.
  - Handlebars precompile - Plugin to precompile handlebars templates into template functions.
  - Protobuf - Plugin to compile [Protocol Buffer](https://developers.google.com/protocol-buffers/) binary protocol schemas with [pbf](https://github.com/mapbox/pbf).
  - Protobuf-ts - Plugin to load [Protocol Buffer](https://developers.google.com/protocol-buffers/) schemas with [pbf](https://github.com/mapbox/pbf) and generated [TypeScript](https://www.typescriptlang.org/) types and extensions.
- Frameworks
  - 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.
  - LiveScript - Plugin for LiveScript support.
  - Emscripten - Plugin for Emscripten support.
  - Fable - Enable F# support via Fable + Babel.
  - Dart - Plugin for Dart support via dart2js
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
  - Parcel: A Zero-Configuration Webpack Alternative - Get started with Parcel in 20 minutes(video)
- Portuguese
  - Parcel Bundler: Criando um projeto React
- Russian
  - Parcel — очень быстрый бандлер, не требующий настройки - Parcel quick review.
  - Parcel — пишем плагин - How to write a Parcel plugin.
  - 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
  - Parcel 教程？不需要。 - You don't need a tutorial for Parcel since it's so easy
Integration with other languages, frameworks
- Other
  - parcel-rails - Ruby On Rails gem, for easier integration into Rails applications
  - karma-parcel - Let parcel bundle your tests that karma should run

Programming Languages

JavaScript 57 TypeScript 13 CSS 3 Vue 2 Ruby 1 SCSS 1 Reason 1

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-parcel

Ecosystem

Examples

Plugins

Other

Templates

Frameworks

JavaScript dialects, other languages

Articles

English

Portuguese

Russian

French

Chinese

Integration with other languages, frameworks

Other