Vite and relative paths

[labs20]

Hi. I'm trying to migrate to Vite and I'm facing some challenges with relative paths.

I have a project file structure that have a folder that is a common server "resolver", multiple folders each one being a quasar client for different projects, and a global mixin folder that share logic among the different clients, like this:

- dev
   - mixins                           // client mixins folder
       - page.js
       - comps                      // shared client comps
           - comp_a.js
           - comp_b.js
           - comp_c.js
   - node_server_resolver           // global server resolver
   - my_app1                      // quasar client APP 1
   - my_app2                      // quasar client APP 2

All pages in my apps import page.js as a component. page.js imports comp_a, _b and _c.js as components. All imports are relative, so a page will import page.js like this import Page from "../../../../mixins/page"; and inside page.js imports will be like import CompA from "./comps/comp_a";.

This works very well with no problems with webpack.

To get started with Vite, I had to create an alias on quasar.config to mixins folder, and after that, my pages can find import Page from "mixins/page", but page.js is not resolving the relative ./comps and so breaking with error Failed to resolve import "./comps ....

How can I solve this? Any tips?

Thanks!