Shopify Parcel
Simple JavaScript and CSS bundling for Shopify themes with Parcel.
- 🧘 Zero configuration. Parcel is provided sensible defaults and easily integrates with TailwindCSS, TypeScript, SCSS, and more.
- ⚡ Instant feedback. Thanks to our plugin and CLI, Parcel's caching and source maps, and Shopify CLI's live reload.
- 🚚 Ready to ship. Automatically bundle and deploy using GitHub Actions and the Shopify GitHub integration.
This CLI provides commands for parcel-config-shopify.
Getting started
Explore our example theme for the optimal development setup.
- Install CLI
npm i -D shopify-parcel - See available commands
npx shopify-parcel
Configuration
Configure in package.json#shopify-parcel.
| Config | Default | Description |
|---|---|---|
entries |
["src/*.{js,ts,css}"] |
Parcel entries. |
Inspiration
- This project is heavily inspired by Shopify Vite Plugin. Their idea of writing a plugin and using Shopify snippets was all we needed to do the same for Parcel.
- Parcel can bundle anything you feed it. Its flexibility and ease of use make it the obvious choice for us.
- The Shopify CLI is great, and even better with Shopify Parcel. There is no need to reinvent the wheel.