Unable to correctly parse dynamic import

[larowlan]

{% include 'images/animated-icon-' ~ modifier_class ~ '.svg' %}

When we spot includes this ends up being images/animated-icon-

[norbertschad]

Don't now whether it helps, but I've found that pluckIncludes(template.tokens) will deliver an array with the single parts of the import file instead of the resolved filename.

[  'images/animated-icon-',
   'modifier_class',
   '~',
   '.svg'
]

As the first element is then used to load the first include, of course the file is not found.

[larowlan]

Yeah that's consistent with what I was seeing too - thanks

[dantedubonc]

Is there a fix or workaround for this?

[larowlan]

Not yet

[soniktrooth]

I just stumbled across this same bug.

[justintemps]

@soniktrooth we had the same issue a few months back and ended up building out our own lib that includes a vite plugin that handles dynamic twig imports. Until this gets fixed in vite-plugin-twig-drupal you can try using ours.

[soniktrooth]

Thanks @justintemps I might have to give it a go. This bug makes this lib a bit of a non-starter for my use case.

[larowlan]

help welcome folks