shopify browser reload code example

Example: 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