install SASS and added to config npm install --save-dev sass-brunch to minify HTML npm install --save-dev html-pages-brunch add public/ to git subtree git add public && git commit -m "Initial dist subtree commit"

# run server dev mode
pnpm run dev 
# compile 
pnpm build 
# Preview production results
pnpm run preview 
# publish to github pages
git subtree push --prefix dist origin gh-pages2

disregard error message, bug, update brunch later

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

Make sure git knows about your subtree (the subfolder with your site).

git add dist && git commit -m "Initial dist subtree commit"

Use subtree push to send it to the gh-pages branch on GitHub.

git subtree push --prefix dist origin gh-pages

Boom. If your folder isn’t called dist, then you’ll need to change that in each of the commands above.

If you do this on a regular basis, you could also create a script containing the following somewhere in your path:

#!/bin/sh
if [ -z "$1" ]
then
  echo "Which folder do you want to deploy to GitHub Pages?"
  exit 1
fi
git subtree push --prefix $1 origin gh-pages

Which lets you type commands like:

git gh-deploy path/to/your/site