@ps-devs/shopify-webpack

Modern development tool for Shopify using Webpack 5. The original build was done by Shopify, it was called Slate, it reached version 1 before being dropped. It was then picked up and rebranded to Packer. This version is still Slate/Packer with minor changes that suite my needs.

Usage no npm install needed!

<script type="module">
  import psDevsShopifyWebpack from 'https://cdn.skypack.dev/@ps-devs/shopify-webpack';
</script>

README

Shopify Packer

Modern development tool for Shopify using Webpack 5. The original build was done by Shopify, it was called Slate, it reached version 1 before being dropped. It was then picked up and rebranded to Packer. This version is still Slate/Packer with minor changes that suite my needs.

Features

  • Webpack 5
  • Stylelint
  • ESLint
  • Babel
  • SCSS
  • Analyze bundles
  • 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

Documentation

View the docs website for usage or the docs for more insight.