Webpack не загружает изображения?

Question

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

Вот мой конфиг Webpack:

      module: {

       rules: [
            {
                test: '/\.js$/',
                exclude: /node_modules/,
                loader: "babel-loader"
            },
            {
    test: /\.scss$/,
    use: [ 'style-loader', 'css-loader', 'sass-loader' ]
},
    {
        test: /\.(png|jpg)$/,
      use: {
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]',
      },

Я импортировал свое изображение примерно так import tickets from './views/img/tickets.png'

После некоторых исследований я добавил в HTML require. <img class="tickets" src= require("./img/tickets.png") alt="tickets" />

Так что я не уверен, что происходит. Мои изображения тоже появляются в папке Dist. Спасибо!

Answer 1

Хорошо, я только что понял это и хотел поделиться, если это поможет кому-то еще. После импорта я написал:

var ticketsPi c = document.getElementById ('tickets'); ticketsPi c .sr c = билеты;

Артикул для ссылки: https://medium.com/a-beginners-guide-for-webpack-2/handling-images-e1a2a2c28f8d