shopify hot reload
#install browser-sync
npm install -g browser-sync
#create new theme with themekit
theme new --password=[your-password] --store=[your-store.myshopify.com] --name=[theme name]
#watch theme
theme watch
#or
theme watch --allow-live --notify=/tmp/theme.update
#to fix browser-sync issues ie: showing code on top of the page
#create a bs-config file
browser-sync init
# add/paste this snippet to the file under preferably "middleware":false
snippetOptions: {
rule: {
match: /<\/body>/i,
fn: function (snippet, match){
return snippet + match;
},
},
},
# start developer server
browser-sync start --proxy "https://<mystore>.myshopify.com/" --files /tmp/theme.update --reload-delay 1000 --config bs-config.js