yellowspot / vite-plugin-raw-assets Goto Github PK

First of all, sorry if this is not really an issue but searching the web for hours already trying to find a solution, this is the only way left I feel...

Would be really appreciated if someone could at least point me to the right direction.

The issue:
TypeError: Failed to resolve module specifier '!raw-loader!../../assets/svg/icons/arrow-thin.svg'

I use a Vue3 (3.2.41) application with Vite (3.1.8).
This app is consuming a 3rd party library (Vue2) via node_modules.
This library has an Icon component that is being imported by the Vue3 app and is just passing the icon name as a string:

// Vue3 app

import SvgIcon from '@code/icon-lib/src/components/Icon.vue';
...
<SvgIcon icon="arrow-thin" />

// Icon.vue of @code/icon-lib

...
methods: {
  async getIcon() {
      try {
          const module = await import('!raw-loader!../../assets/svg/icons/' + this.icon + '.svg');

          return module.default;
      } catch (e) {
          console.log(e)
          console.warn(`Icon "${this.icon}" has not been found`);

          return '';
      }
   },
}
...

I've already tried to use the following plugins, but without any success:
vite-svg-loader
vite-raw-plugin