El proyecto va así. Hay index.html. Dentro hay una etiqueta.

 <template> <div class="card"> <h3 class="card_header" id="card_header"></h3> <img src="./assets/galaxy_a32_123gb.png" alt="" class="card_img" id="card_image"> <div class="card_description"> <span class="" id="card_name">samsung</span> • <span class="" id="card_year">2020</span> • <span class="" id="card_color">gray</span> • <span class="" id="card_cameras">5 камер</span> • <span class="" id="card_popularity">популярный</span> • <span class="" id="card_quantity">35 штук</span> </div> </div> </template>

Pasando por todos los elementos de una matriz

 export let phones: Phone[] = [ new Phone("../assets/galaxy_a14_32gb.png", 'samsung', "Galaxy a14", 2020, 'light', 3, true, 20), new Phone("../assets/galaxy_a32_123gb.png", 'samsung', "Galaxy a32 128GB", 2021, 'light', 3, false, 15), new Phone("../assets/galaxy_a32_63gb.png", 'samsung', "Galaxy a32 63GB", 2021, "dark", 3, false, 20), ... ]

Clono y modifico nodos con datos de cada elemento de una matriz. Pero, estoy usando webpack, y cualquier ruta que intente aplicar al atributo src de un ...

 "../assets/galaxy_a14_32gb.png" or "./assets/galaxy_a14_32gb.png" or "./galaxy_a14_32gb.png"

Las imágenes no se importan en una carpeta "dist". Solo la imagen de la etiqueta original de . ¿Qué hacer?