Как добавить хеш версии к стилю файлов через веб-пакет?

Question

Как я могу добавить хеш версии в файлы (изображения / шрифты) через веб-пакет?В примере у меня есть стиль в источнике:

header.scss

.image__logo {
    background-image: url(/assets/images/logo.png);
}

После компиляции мне нужен хеш версии в качестве постфикса имени файла (или будет лучшесм. отметку времени последнего изменения этого файла):

header.css

.image__logo {
    background-image: url(/assets/images/logo.png?3f5e48a065eb836da00d);
}

Я пытался добавить загрузчик, но он не работает:

    {
      test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
      loader: 'file-loader?name=[name].[ext]?[hash]!extract-loader!html-loader'
    }

Answer 1

{
    test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
    use: [
        {
            loader: 'file-loader',
            options: {
                name: '[name].[ext]?[hash]'
            }
        },
    ]
}

Answer 2

Я думаю, что проблема в вопросительном знаке в вашем шаблоне имени файла, который разрывает строку запроса.Попробуйте указать имя явно через options, например:

{
    test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
    use: [
        {
            loader: "file-loader",
            options: {
                name: "[name].[ext]?[hash]"
            }
        },
        {
            loader: "extract-loader"
        },
        {
            loader: "html-loader"
        }
    ]
}