@hayes0724/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.

Usage no npm install needed!

<script type="module">
  import hayes0724ShopifyPacker from 'https://cdn.skypack.dev/@hayes0724/shopify-packer';
</script>

README

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.

npm (scoped) node-current (scoped) CI dependency DevDependency semantic-release GitHub license

downloads GitHub stars GitHub forks

shopify webpack sass postcss babel

Features

  • Webpack 5
  • Stylelint
  • ESLint
  • Babel
  • PostCSS
  • SCSS
  • Analyze bundles
  • Liquid code in stylesheets
  • Webpack config is easy to modify (use dev.config.js and prod.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.