Description
Which @angular/* package(s) are relevant/releated to the feature request?
No response
Description
Until v13.1.0 was possible to use this implementation to import images:
new URL('./image.png', import.meta.url).pathname
provided by webpack documentation https://webpack.js.org/guides/asset-modules/
Since Angular v13.1.0 this approach does not work.
Proposed solution
Implement support for Webpack asset modules support.
https://webpack.js.org/guides/asset-modules/
Sometimes it is much more convenient to write such imports and provide urls for reusable components e.g. <app-landing-block [image]="url">. Without imports in .ts files, the images must be always predefined directly in component and imported through .scss / .less file. And such an approach sometimes becomes too difficult depending on situation.
Alternatives considered
Currently it is only possible to import image through .scss / .less file or directly into assets folder.