javascript - 如何通过 webpack 将版本哈希附加到样式文件？

Question

我如何通过 webpack 将版本散列附加到文件(图像/字体)？例如，我在源代码中有样式:

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]'
            }
        },
    ]
}