I'm using litelement to build a web component. I started with the following repo to get started, which is a boilerplate for a project setup including rollup as a bundler.

<https://github.com/PolymerLabs/lit-element-build-rollup>

I'm able to build a component and use it. Now I want to build a component that will include an image. I'm not sure how to handle this. I don't want the consumers of the component to pass the image path as a property. The image should be bundled with the component.

`mycomponent.js`:

```
import {html, LitElement, css} from 'lit-element';
import logo from "./assets/mylogo.png";

class MyComponent extends LitElement {

    static get styles() {

        return [
            css`
            :host {
                display: block;
            }
            `,
        ];
    }

    render() {
        return html`
            <div class="container">
                <p>lorem ipsum</p>
                <img src={ {logo} } />
                <p>hello</p>
            </div>
        `;
  }
}

customElements.define('my-component', MyComponent);

```

My VSCode editor says, I'm not using the `logo` that I imported in line 2. When I try to use the component after building it, the image does not appear and looks like it's looking for it in the wrong path.

I added the <https://github.com/rollup/rollup-plugin-image> plugin and configured it in `rollup.config.js`, which looks like this:

```
import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import commonjs from 'rollup-plugin-commonjs';
import postcss from 'rollup-plugin-postcss';
import image from 'rollup-plugin-img';

export default ['MyComponent'].map((name, index) => ({

    input: `src/components/${name}.js`,
    output: {
        // file: 'build/index.js',
        format: 'iife',
        sourcemap: true,
        name,
        dir: 'build/public'
    },
    plugins: [
        postcss({
            extensions: ['.css'],
        }),
        resolve(),
        commonjs(),
        babel(),
        image({
            output: `build/public/assets`,
        })
  ]

}));

```

Does anyone has an example of bundling an asset (i.e. image) into a webcomponent?