javascript - 有没有办法在 webpack 包输出(css/js 文件)中包含内部版本号？

Question

现在我遇到一个问题，部署的 .js 和 .css 文件被我们的客户端浏览器缓存。这意味着他们必须执行硬刷新 (CTRL+F5) 才能从服务器获取最新更新的 .js 文件。这显然不好。

我已经看到强制对 .js 和 .css 文件扩展名进行版本控制是一种常见的做法，例如，这样 bundle.js 就会被命名为 bundle .js?v={versionnumber}?

另一个挑战是在 index.html 文件中动态更新此引用。在 Webpack 中也有办法做到这一点吗？

Answer 1

你读过这一章吗webpack-caching ？

我们通常将 [hash] 作为 bundle 名称的一部分。

对于你的第二个问题，你可以尝试html-webpack-plugin