Plugin does nothing about imagetools

[JonasKruckenberg]

It was a simple stupid typo in the include patterns lol 😅
The fixed version should be pushed to rpm in a couple of minutes

[JonasKruckenberg]

Hey thanks for your feedback!
How do you import your image? (In the template,or script part?)
I'm aware of a couple of problems that I'm actively trying to solve at the moment (will be published as version 3 soon hopefully).

Currently importing images involves a lot of fighting vite, sadly.
For example importing images in css does not work at all because the import never gets relayed to plugins.

You can however try to import your image in the script section of your component and use it as a variable.

[yamiteru]

This is how I import it:

// @ts-ignore
import image from "./images/01.jpeg?format=webp";
import Work from "../../../src/type/Work";


const work01: Work = {
  slug: "work-01",
  title: "Work 01",
  image,
};


export default work01;

[yamiteru]

This is how the output of vite build looks like:

And this is how the image looks in network tab:

[JonasKruckenberg]

That's strange it really seems like the plugin is not catching the import at all, what does your vite config look like?

[yamiteru]

import { defineConfig } from "vite";
import solidPlugin from "vite-plugin-solid";
import imageTools from "vite-imagetools";


export default defineConfig({
  plugins: [
    imageTools(),
    solidPlugin()
  ],
  build: {
    target: "esnext",
    polyfillDynamicImport: false,
  },
});

[JonasKruckenberg]

So I've just created a few test cases with the vitejs create-app vue-ts and preact-ts templates importing images in a couple different way and I cannot reproduce your bug, I can only suspect that it's an issue with the solid plugin.
Can you confirm that this issue still exists when swapping the order of the plugins?
i.e.

plugins: [
    solidPlugin(),
    imageTools()
  ],

instead of

  plugins: [
    imageTools(),
    solidPlugin()
  ],

[yamiteru]

It still exists

[JonasKruckenberg]

Ohhhhh... I think I found it, can you try renaming your file from .jpeg to .jpg? I might have forgotten to alias jpeg to jpg 😅
I'll push a fix for that asap though

[yamiteru]

Hell yeah now it's working!

[github-actions]

🎉 This issue has been resolved in version 2.3.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀