Build plugins resolver issue with extensions

[mhsattarian]

I've been trying to access SVG files as elements, but I didn't want to change my imports everywhere.
so I thought to define a virtual extension as svgr to load the SVG files I needed as an actual element with a build plugin.

here is what I did, I created a plugin to handle only files with .svgr extension, and pass them to SVGR plugin to create a React component from it:

the problem is this plugin wouldn't affect anything. for example the console.log visible here won't be called.

Because this same code would work if I change .svgr to .svg in resolve.input, I guess file extensions supported to resolve for build plugins are pre-defined. If this is true I think it's worth noting in the Plugins Guide.
and if this is not the case, can you help me find what's wrong here?

[FredKSchott]

I might not be following, if you change ".svgr" to ".svg" in resolve.input it works, right? You could also do resolve.input: [".svgr", ".svg"]

[mhsattarian]

Ah, you're right. I made a mistake and the files weren't where they should've.

[mhsattarian]

I faced another issue, I hope you can help with this too.

again I'm using this SVGR plugin to convert SVGs to react components so I can import them as elements, but when running in development mode, actual SVG files are not accessible.

development:

although, when I build the project this works fine:

production:

I couldn't get why is that happening, maybe in development mode, snowpack's own asset plugin wouldn't get the file or something.

also, the SVG file, which is not accessible, is not imported and only used in styled-components:

[FredKSchott]

You're right, we don't show the original asset if it's been built. You can customize your plugin to return the .svg as well, if you'd like both to be included in your build/dev.

resolve: {
+  output: ['.svg', '.js']
}

[mhsattarian]

thanks, but it's not the issue, plugin generates only one output, but assets are present after the build (snowpack build) but not in development (snowpack dev).