https://github.com/hengkysteen/vue_app
How Deploy vue 3 (Vite) to github pages
https://github.com/hengkysteen/vue_app
github-pages vite-vue3 vue3
Last synced: 3 months ago
JSON representation
How Deploy vue 3 (Vite) to github pages
- Host: GitHub
- URL: https://github.com/hengkysteen/vue_app
- Owner: hengkysteen
- Created: 2020-12-23T18:23:18.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-03-19T19:51:55.000Z (about 2 years ago)
- Last Synced: 2025-01-17T13:33:08.528Z (5 months ago)
- Topics: github-pages, vite-vue3, vue3
- Language: Vue
- Homepage: https://hengkysteen.github.io/vue_app/
- Size: 864 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue_app
How Deploy vue 3 (Vite) to github pages
1. Set base to vite.config.js
```javascript
export default defineConfig({
base:
process.env.NODE_ENV === "production"
? "/YOUR_PROJECT_NAME/" // production
: "/", // development
});
```
2. Remove dist from .gitignore
3. build project
```
npm run build
```
4. Make sure to commit & push origin master/main
5. Use subtree
```
git subtree push --prefix dist origin gh-pages
```
6. Go to your project repo & open settings > pages > on Build and deployment
branch change to gh-pages & save.
7. Done. Visite site