Caching 网页包将查询字符串添加到捆绑包中以进行缓存破坏

因此，在我的index.html中，我有一行包含webpack包

我的网页包配置如下所示：

const path=require（“路径”）；
const webpack=需要（“webpack”）；
module.exports={
条目：“./src/main.js”，
模式：“发展”，
模块：{
规则：[
{
测试：/\（js|jsx）$/，
排除：/（节点模块|鲍尔组件）/，
加载器：“巴别塔加载器”，
选项：{预设：[“@babel/env”]}
},
{
测试：/\.css$/,，
用法：[“样式加载器”、“css加载器”]
}
]
},
解析：{extensions:[“*”，“.js”，“.jsx”]}，
输出：{
path:path.resolve（_dirname，“dist/”），
公共路径：“/dist/”，
文件名：“bundle.js”
},
开发服务器：{
contentBase:path.join（\uu dirname，“public/”），
港口：3000，
公共路径：“http://localhost:3000/dist/",
hotOnly：真的
},
插件：[新网页包.HotModuleReplacementPlugin（）]
};

---

当我运行

webpack--mode production

时，我如何修改它，向bundle添加一个查询字符串（？v=some_nr）。我可以将index.html复制到dist/index.html或其他位置，如果需要，我会在以后自动将其移动到webroot。

它看起来不像Webpack管理您的

index.html

，我猜您还有其他自动复制功能，对吗？在这种情况下，当复制到

dist

时，您可以将

？v=UUID

附加到

index.html

，实际上这个UUID来自哪里并不重要。（例如，可以是提交哈希）