have a plugin for being able to import an image using ESM

[thescientist13]

Type of Change

• New Feature Request
• Documentation / Website
• Improvement / Suggestion
• Bug
• Other (please clarify below)

Summary

As in #516 , being able to use import for images could have some pretty nice DX, e.g.

import logo from '/assets/logo.png';

...

render() {
  return html`<img src="${logo}" alt="logo image"/>
}

Details

Inspired by webpack file-loader, this plugin could support / provide metadata too, like:

• if less then 10KB (for example) return data:// URI
• be able to provide dimensions so that you can set width / height in HTML
• filename hashing
• other cool stuff

I wonder if import.meta.url comes into play here?

[thescientist13]

I think let's review this as part of #1163

[thescientist13]

This is / can be better solved through #1163 and will be supported in v0.29.0.