我如何通过 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'
}
最佳答案
{
test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
}
},
]
}
关于javascript - 如何通过 webpack 将版本哈希附加到样式文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52594193/