shp-pack v0.1-K

• By Karolina V

Setup A

Setup local environment

• 1/ installation npm install
• 2/ development npm run start - generates development bundle alongside source maps
• production build npm run build - generates production bundle

Bootstrap config

• _config.scss

Update local variables A

env.mjs

• proxyOrigin - website to be proxied
• proxyOriginScriptsPath - production script path that will be replaced with local script
• shouldObfuscate - true/false (optional - defaults to false)

Setup GitLab project variables

• SFTP_USERNAME - SFTP username
• SFTP_PASSWORD - SFTP password

GitLab CI/CD

• deploy only on Master branch

Git processes

• make your own branch for development eg. feat/user
• commit & push
• open Merge Request from development branch into master
• get MR reviewed
• merge the MR
• rebase development branch onto master

Breakpoints

• @media (min-width: 1440px) { }
• @media (min-width: 1200px) and (max-width: 1439px) { }
• @media (min-width: 992px) and (max-width: 1199px) { }
• @media (min-width: 768px) and (max-width: 991px) { }
• @media (max-width: 767px) { }

Comments

TODO: Something that needs to be completed in the future. FIXME: Something that needs to be fixed BUG: Some bug in our code NOTE: Other notes

Packages

Bootstrap 5.3.1

• main.scss - Style imports
• main.js - JavaScript entry point