Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过网页包将版本哈希附加到样式文件?_Javascript_Webpack_Webpack File Loader - Fatal编程技术网

Javascript 如何通过网页包将版本哈希附加到样式文件?

Javascript 如何通过网页包将版本哈希附加到样式文件?,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); } 编译后,我需要一个版本哈希作为文件名的后缀(或者最好能看到这个文件最

如何通过webpack将版本哈希附加到文件(图像/字体)?在示例中,我在源代码中使用了样式:

标题。scss

.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'
    }

我认为问题在于文件名模式中的问号,它破坏了查询字符串。尝试通过
选项
明确指定名称,例如:


仅仅发布一些代码并没有太大帮助。你能解释一下你的代码吗?这样其他人就可以理解你的答案并从中学习,而不仅仅是从网上复制和粘贴一些代码。