Responsive app using vue, scss and vite build tool
Design comparison
Solution retrospective
Happy to see you here!
Used vite build tool for the first time! Here are the challenges I faced in configuring vite base path. Have all images in public/images folder so that they can be accessed from many components like this '/images/image-name'. It worked in local, but images in the build version seem to be not pointed to its root directory.
Had to put a relative image path to fix this.
expected: https://sivakotari.github.io/tip-splitter/images/icon-dollar.svg actual: https://sivakotari.github.io/images/icon-dollar.svg
Live: https://sivakotari.github.io/tip-splitter/
Resources: https://learnvue.co/2020/09/how-to-deploy-your-vue-app-to-github-pages/ https://dev.to/rolanddoda/deploy-to-github-pages-like-a-pro-with-github-actions-4hdg
Any feedback and help in configuring Vite are much appreciated!!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord