natrim / esbuild-plugin-inline-image

esbuild plugin for inlining yout images conditionaly on size

• 👋 Hi, I’m @natrim
• 👀 I’m interested in ...
• 🌱 I’m currently learning ...
• 💞️ I’m looking to collaborate on ...
• 📫 How to reach me ...

esbuild-plugin-inline-image's Issues

Bug when using the plugin with react-router

I have a URL like this (using react-router):

http://localhost:3110/dash/configuration

and import an image like this:

import configurationApresentation from '../../../public/images/diagrama2023.png';

After the plugin runs I have the following result in the browser:

However, the correct path should be this:

The problem occurs when the image tries to access the url ./ which in practice is http://localhost:3110/dash/configuration/diagrama2023-OBYODQFU.png.

However, the correct URL is http://localhost:3110/diagrama2023-OBYODQFU.png

How to fix this?