Javascript 如何通过网页包将版本哈希附加到样式文件?
如何通过webpack将版本哈希附加到文件(图像/字体)?在示例中,我在源代码中使用了样式: 标题。scssJavascript 如何通过网页包将版本哈希附加到样式文件?,javascript,webpack,webpack-file-loader,Javascript,Webpack,Webpack File Loader,如何通过webpack将版本哈希附加到文件(图像/字体)?在示例中,我在源代码中使用了样式: 标题。scss .image__logo { background-image: url(/assets/images/logo.png); } .image__logo { background-image: url(/assets/images/logo.png?3f5e48a065eb836da00d); } 编译后,我需要一个版本哈希作为文件名的后缀(或者最好能看到这个文件最
.image__logo {
background-image: url(/assets/images/logo.png);
}
.image__logo {
background-image: url(/assets/images/logo.png?3f5e48a065eb836da00d);
}
编译后,我需要一个版本哈希作为文件名的后缀(或者最好能看到这个文件最后修改的时间戳):
header.css
.image__logo {
background-image: url(/assets/images/logo.png);
}
.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'
}
我认为问题在于文件名模式中的问号,它破坏了查询字符串。尝试通过
选项
明确指定名称,例如:
仅仅发布一些代码并没有太大帮助。你能解释一下你的代码吗?这样其他人就可以理解你的答案并从中学习,而不仅仅是从网上复制和粘贴一些代码。