При использовании webpack возникают проблемы с загрузкой изображений?

1. Проблемы с загрузкой изображений в webpack могут возникнуть из-за неправильной настройки конфигурации webpack или путей к изображениям. Для загрузки изображений в webpack обычно используются специальные загрузчики, такие как file-loader или url-loader. Проверьте вашу конфигурацию webpack и убедитесь, что пути к изображениям указаны правильно.

2. Для создания HTML блоков с помощью JavaScript на основе данных из JSON файла, можно сначала загрузить и обработать данные из JSON файла. Затем создать HTML элементы с помощью методов Document.createElement() и добавить их на страницу с помощью метода appendChild().

Например, если ваш JSON файл содержит данные о продуктах, вы можете загрузить его с помощью fetch или XMLHttpRequest, затем перебрать полученные данные и создать HTML элементы для каждого продукта:

```javascript
fetch('products.json')
  .then(response => response.json())
  .then(data => {
    data.forEach(product => {
      const productElement = document.createElement('div');
      productElement.innerHTML = `
        <h2>${product.name}</h2>
        <p>${product.description}</p>
        <img src="${product.imageUrl}" alt="${product.name}">
      `;
      document.getElementById('products-container').appendChild(productElement);
    });
  });
```

В данном примере предполагается, что у вас есть контейнер на странице с id 'products-container', в который будут добавляться созданные HTML блоки для каждого продукта из JSON файла. Для каждого продукта создается div элемент с названием, описанием и изображением.

Webpack ни при чем 
 вы берете данные из внешнего источника уже на этапе исполнения, а не сборки. 
 Будьте любезны в свой json засунуть правильные ссылки на картинки.