https://github.com/hayes0724/shopify-packer

Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.
https://github.com/hayes0724/shopify-packer

babel liquid postcss sass shopify shopify-development shopify-packer shopify-slate shopify-theme webpack

Last synced: about 1 month ago
JSON representation

Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.

• Host: GitHub
• URL: https://github.com/hayes0724/shopify-packer
• Owner: hayes0724
• License: mit
• Created: 2020-06-12T17:27:32.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-17T20:01:21.000Z (about 2 years ago)
• Last Synced: 2025-03-24T09:05:56.462Z (about 1 month ago)
• Topics: babel, liquid, postcss, sass, shopify, shopify-development, shopify-packer, shopify-slate, shopify-theme, webpack
• Language: JavaScript
• Homepage: https://hayes0724.github.io/shopify-packer/
• Size: 5.59 MB
• Stars: 181
• Watchers: 7
• Forks: 37
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-shopify - Shopify Packer - Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites. (Front-end Development / Others)
• shopify-awesome-agency - Shopify Packer - 使用 Webpack 5 的 Shopify 现代开发工具。易于扩展和自定义，零构建配置，与 Slate 和现有网站兼容。 (前端开发 / 其他)
• shopify-awesome-agency - Shopify Packer - 使用 Webpack 5 的 Shopify 现代开发工具。易于扩展和自定义，零构建配置，与 Slate 和现有网站兼容。 (前端开发 / 其他)

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)](https://img.shields.io/npm/v/@hayes0724/shopify-packer)

![node-current (scoped)](https://img.shields.io/node/v/@hayes0724/shopify-packer)

[![CI](https://github.com/hayes0724/shopify-packer/actions/workflows/ci.yml/badge.svg)](https://github.com/hayes0724/shopify-packer/actions/workflows/ci.yml)

![dependency](https://img.shields.io/david/hayes0724/shopify-packer)

![DevDependency](https://img.shields.io/david/dev/hayes0724/shopify-packer)

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

[![GitHub license](https://img.shields.io/github/license/hayes0724/shopify-packer.svg)](https://github.com/hayes0724/shopify-packer/blob/master/LICENSE)

![downloads](https://img.shields.io/npm/dt/@hayes0724/shopify-packer)

[![GitHub stars](https://img.shields.io/github/stars/hayes0724/shopify-packer.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/hayes0724/shopify-packer/stargazers/)

[![GitHub forks](https://img.shields.io/github/forks/hayes0724/shopify-packer.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/hayes0724/shopify-packer/network/)



    

    

    

       

    



## 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

```shell

yarn global add @hayes0724/shopify-packer

```

NPM

```shell

npm i @hayes0724/shopify-packer -g

```

## Documentation

View the [docs](https://hayes0724.github.io/shopify-packer/) website for usage

## Troubleshooting

If you have questions or need help, please ask in [GitHub Discussions](https://github.com/hayes0724/shopify-packer/discussions).

## Changelog

View recent changes [here](https://github.com/hayes0724/shopify-packer/blob/master/CHANGELOG.md)

## Contributing

We ❤️ pull requests, please read the [Contributing guide](https://github.com/hayes0724/shopify-packer/blob/master/CONTRIBUTING.md) before getting started.