Fix webpack build in Vue 3
What does this MR do and why?
This change fixes the Webpack build to use Vue 3.
This changes addresses configuration issues that prevented webpack from building correctly when Vue 3 is enabled.
Why?
This enables users to locally run their GDK (with webpack for now) using Vue 3 to address possible issues.
References
- #554202 (closed)
- Previous attempt !150006 (closed)
Screenshots or screen recordings
Running Vue 2 | Running Vue 3 |
---|---|
![]() |
![]() |
How to set up and validate locally
This configuration fixes webpack:
- Clean your cache (just in case) with
yarn clean
- Disable vite, a one-liner you can use:
gdk stop vite rails-web && gdk config set vite.enabled false && gdk config set webpack.enabled true
- Add a
webpack.vue_version = 3
to yourgdk.yml
gdk reconfigure && gdk restart
- Confirm you are running Vue 3 on your browser, you can check the console to see the barrage of compat warnings
- You can also consider running a full webpack build with:
VUE_VERSION=3 yarn webpack-prod
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Related to #554202 (closed)
Edited by Miguel Rincon