Import a file that's not in the root directory

[clemvnt]

Is your feature request related to a problem? Please describe.

Currently, I have a directory structure like :

project/
├── dist/
├── docs/
│   ├── .vitepress/
│   └── index.md
├── src/
│   └── components/
├── package.json
└── ...

The docs directory contains a vitepress app.

If I'm not mistaken, that's not possible to import a file that's not in the docs directory (a .vue file from src directory for example).

Describe the solution you'd like

I don't know what's the best solution to this problem. But if we can add a custom vite resolver, it should work I guess ?

Moreover, it would also be necessary to expose the vite watcher instance to watch these resolved files.

Since the recent Vite features, we can alias a path to a fs directory, but in Vitepress, we can't override the vite configuration to add our aliases.

[yyx990803]

That's a good point - should support passing options onto vite in VitePress' config file.

[adamdehaven]

This no longer appears to work, especially if the ../src/components/**/*.vue file utilizes a @/ alias for the src directory to import another file (e.g. you want to utilize components from the same repo inside the /docs directory)

[brc-dd]

@adamdehaven Hi, its working for me: https://github.com/brc-dd/vitepress-with-alias, can you create a separate issue with a minimal, reproducible example?

[adamdehaven]

@brc-dd what if your HelloWorld.vue component imports another component from /components, utilizing the @/ alias?

[brc-dd]

@adamdehaven You'll need a separate vite config file for that. I've updated the example.

[adamdehaven]

Hmm, I have that as well.

Edit: haven't had time to come back to this yet (sorry for commenting then disappearing)