Awesome
Shopify Packer
Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, comes with starter themes and compatible with existing Shopify sites.
<p align="center"> <a href="https://www.shopify.com/?ref=hayes-marketing"><img width="75" height="75" alt="shopify" src="https://hayes0724.github.io/shopify-packer/img/logos/shopify.svg"></a> <img height="75" alt="webpack" src="https://hayes0724.github.io/shopify-packer/img/logos/webpack.svg"> <img height="75" alt="sass" src="https://hayes0724.github.io/shopify-packer/img/logos/sass.svg"> <img height="75" alt="postcss" src="https://hayes0724.github.io/shopify-packer/img/logos/postcss.svg"> <img height="75" alt="babel" src="https://hayes0724.github.io/shopify-packer/img/logos/babel.png"> </p>Features
- Webpack 5
- Stylelint
- ESLint
- Babel
- PostCSS
- SCSS
- Analyze bundles
- Liquid code in stylesheets
- Webpack config is easy to modify (use
dev.config.js
andprod.config.js
) - App server loads scripts and stylesheets locally
- Hot Module Reloading for rapid development
- Multiple entrypoints for templates and layouts
- List themes on store
- Delete themes from CLI
- Create new empty theme in Shopify from CLI
- Download existing themes
- Download files/sync changes
- Init base packer theme from cli or use a custom github repo
Getting started
Packer needs to be installed once globally.
Yarn
yarn global add @hayes0724/shopify-packer
NPM
npm i @hayes0724/shopify-packer -g
Documentation
View the docs website for usage
Troubleshooting
If you have questions or need help, please ask in GitHub Discussions.
Changelog
View recent changes here
Contributing
We ❤️ pull requests, please read the Contributing guide before getting started.