Images only loading from within `entrypoints` directory about vite_ruby

[ElMassimo]

@Jonic If you are referring to Sidecar Assets, it should be possible to do something similar in Vite Ruby.

Instead of require.context you would use a globEager import.

Here's an example using globEager to register all Stimulus controllers.

If you are referencing individual assets from Rails views or partials directly, then it's not going to be a drop-in replacement, but if you are combining the components in a single "pack" it should be easier.

would I be unable to reference the images with vite_asset_path since they're not in the entrypoints directory?

No. When using Vite.js you would ideally import the images in the relevant component and use their source in the component itself.

[ElMassimo]

Hi Jonic!

The Troubleshooting guide is indeed misleading in this scenario, I will update it accordingly.

To answer your question, all tag helpers including vite_asset_path can only reference files in the entrypoints directory.

If you are only referencing images from any JS or CSS processed by Vite, you would be able to import them without placing them under entrypoints.

[ElMassimo]

Updated the docs, removed the reference to an unrelated older issue in Vite, and clarified where the assets are located in the Rails vite_asset_path example.

Thanks!

[Jonic]

@ElMassimo Thanks for the clarification - it's much clearer now! I was hoping to use Github's ViewComponent gem, keeping each component's assets with the Ruby class and erb template, for example:

app/components/header_component
  ./header.rb
  ./header.erb
  ./header.scss
  ./header.js
  ./images/logo.svg

I understand that I'd have to import the Sass and JS from an entrypoint, and that these files can in turn load images, but would I be unable to reference the images with vite_asset_path since they're not in the entrypoints directory? I'm still trying to figure out if Vite Ruby could be an easy-ish drop-in replacement for our current setup, or if it would involve significant reshuffling and a massive PR to make it all happen. Apologies if I'm being dense!