Modern Vanilla Javascript Setup with Webpack and Babel

Website Link: https://jpgithub1519.github.io/modern-vanilla-javascript-setup/

Resources

https://www.robinwieruch.de/javascript-project-setup-tutorial

https://www.robinwieruch.de/webpack-setup-tutorial/

https://www.robinwieruch.de/webpack-babel-setup-tutorial/

https://addyosmani.com/resources/essentialjsdesignpatterns/book/

Webpack Resources

https://webpack.js.org/concepts/

https://webpack.js.org/guides/getting-started/

Babel Resources

https://babeljs.io/docs/en/usage

https://babeljs.io/docs/en/babel-polyfill

HTML Webpack Plugin

https://webpack.js.org/plugins/html-webpack-plugin/

https://github.com/jantimon/html-webpack-plugin

Github Pages Deployment

npm script for deployment:

npm run deploy

or do it manually:

  npm run build
  commit -m "deployment message"
  git subtree push --prefix dist origin gh-pages

Deploying Dist folder to github pages guide:

From the current branch(development or master) run:

git subtree push --prefix dist origin gh-pages

https://github.community/t/is-it-possible-to-load-site-from-dist-folder/10550

Github Pages Guides

https://pages.github.com/

https://docs.github.com/en/github/working-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site

https://docs.github.com/en/github/working-with-github-pages/about-github-pages