How can i use <img src='xxx.png'> without require?

[BaronJHYu]

only ‘require’ usable. Is it some wrong with svelte-loader?

[BaronJHYu]

or how can i config to make it usable？

[mcuppi]

@BaronJHYu If I understand your question correctly, you're asking why src="../images/close.png" fails, but src={closePic} works.

The reason the latter example works is because you make Webpack "aware" of the asset. By importing the image, you're defining an explicit dependency. This allows Webpack to "see" the asset and handle it according to the rules you defined in the configuration file.

Webpack won't be able to manage your assets if you just reference them as string somewhere in your code (e.g., src="../images/close.png"). As far as I understand, Webpack doesn't automatically parse through all of your code in an attempt to find strings that look like asset URLs.

For more information about asset management, please refer to Webpack's asset management documentation.

@dummdidumm; I believe this issue should be closed as I'm fairly confident this question has more to do with Webpack than svelte-loader. Additionally, if we want to track this as a feature request, #114 would probably be a better issue to use.