title: How to include static asset/image with svelte component and webpack?
body: <p>I want to create a svelte component (based on webpack) which uses/imports a static image. 
  How do I make sure that the image gets properly exported, i.e. that a svelte app using my component also sees the image?</p>
  
  <p>In my component, I tried importing the image and using the file-loader for webpack:</p>
  
  <pre><code>import image from "./image.jpg";
  </code></pre>
  
  <p>and</p>
  
  <pre><code>{
      test: /\.(png|svg|jpg|gif)$/,
      use: [
          'file-loader',
      ],
  }
  </code></pre>
  
  <p>This works, the image is included in the dist folder, but in this case I also need to add a file-loader to the main svelte app, which is an additional requirement I want to avoid. The main app should only need to import my component.</p>
  
  <p>Is this possible or is the above already the recommended approach?</p>