Png и svg webpack

1

Всем привет! В базовой сборке webpack не загружаются png и svg картинки из папки images
webpack.config.js

    ...
webpack.config.js {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
            limit: 100000,
            name: 'images/[name].[ext]',

        },
    }, ...
2

Показывает ошибку

Cannot GET /images/add.png

Помогите разобраться =)

3

Что это Core, Vue, React, Svelte? Примеры кода где пытаетесь использовать это?

4

Если этого Core версия то логика должна быть следующая:

<template>
  <div class="page">
    ...
    <img src="{{logoSrc}}">
  </div>
</template>
<script>
  // Относительный путь к файлу картинки относительно этого файла!
  import logoSrc from '../assets/logo.png';

  export default {
    data() {
      return {
        logoSrc,
      }
    }
  }
</script>
1 Like
5

Спасибо! Core использую
Нашел информация про хэширование
сделал так:

{
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
            limit: 10000,
            name: 'images/[name].[hash:7].[ext]'
        },

},
Пока работает