强制客户端重新加载我的bundle.js

Question

我正在使用React和Webpack来创建一个完全的前端应用程序。我刚刚对我的构建做了一些更改。现在我担心的是我的用户不会使用最新的捆绑包而是浏览器使用缓存的捆绑包。如何让他们加载最新的捆绑包？

Answer 1

建议不要在客户端浏览器中添加强制加载资源的代码，因为这会导致应用程序呈现缓慢。

您想要实现的任务可以通过在脚本标记上添加新的查询参数版本来完成，并在您想要加载新代码时更改该版本。

类似

<script type="text/javascript" src="myfile.js?REVISION"></script>

Answer 2

我找到了一个技巧。尝试在脚本URL中添加查询参数。

例如： http://example.com/scripts/bundle.js?something=something

我认为这会阻止浏览器缓存该文件。