chenxsan/awesome-parcel

🔗 A curated list of awesome Parcel resources, libraries, tools and boilerplates

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.
• 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.

Plugins

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 binary protocol schemas with pbf.

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 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.
• PurgeCSS - Removes unused selectors from your CSS files using 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.
• 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 and brotli

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
• 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.

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.