A starting point for Shopify Online Store 2.0 theme development using Tailwind CSS and Vite.
MIT License
shopify
script to Shopify CLI v3 by @wesselvanree in https://github.com/wesselvanree/shopify-theme-tailwind/pull/17
Full Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.2.0...v2.2.1
Published by wesselvanree about 2 years ago
styles
directoryUpdate your package.json and remove .babelrc
and webpack.config.js
and copy vite.config.ts
. The folder structure has not changed, but you have to import src/index.css
in src/entries/index.ts
, and CSS files will be built to shopify/assets/[name].min.css
so make sure you change your *.liquid
files accordingly.
To make things easier, I wrote a bash script that does the migration for you:
../temp-sttw/
directory. If it exists, rename it or remove it.git checkout -b migrate-v2.2.0
rm -rf .babelrc webpack.config.js helpers/ scripts/ .vscode/ postcss.config.js
git clone [email protected]:wesselvanree/shopify-theme-tailwind.git ../temp-sttw
git --git-dir ../temp-sttw/.git checkout 4e81d96
mv ../temp-sttw/vite.config.ts ../temp-sttw/*.json ../temp-sttw/scripts ../temp-sttw/.gitignore* ../temp-sttw/.vscode/ ../temp-sttw/.postcss.config.cjs ./
npm install
rm -rf ../temp-sttw/
package.json
and postcss.config.cjs
src/index.css
in src/entries/index.ts
Full Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.1.3...v2.2.0
Published by wesselvanree about 2 years ago
Full Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.1.2...v2.1.3
Published by wesselvanree over 2 years ago
Full Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.1.1...v2.1.2
Published by wesselvanree over 2 years ago
src
directoryFull Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.1.0...v2.1.1
Published by wesselvanree over 2 years ago
webpack.config.js
entries
folderFull Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.0.3...v2.1.0
Published by wesselvanree almost 3 years ago
Full Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.0.2...v2.0.3
Published by wesselvanree about 3 years ago
.liquid
, .tsx
, .ts
, .jsx
, .js
files with tailwindcss.Full Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.0.1...v2.0.2
Published by wesselvanree about 3 years ago
Full Changelog: https://github.com/wesselvanree/shopify-theme-tailwind/compare/v2.0.0...v2.0.1
Published by wesselvanree about 3 years ago
shopify
folderpackage.json
Published by wesselvanree about 3 years ago