javascript - 如何一起使用版本控制和 BundleConfig.cs

Question

我遇到的问题是，如果我对 CSS 或 javascript 文件进行更改，然后将其推送到生产环境，则客户端浏览器不会接受该更改，除非它们执行 ctrl+F5 刷新。我在一个拥有数千名用户的学校系统中工作，因此他们知道要执行此操作或何时进行更改是不切实际的。

我一直在阅读，共识似乎是在文件末尾添加“java.js?v=1.0”。我的网站使用捆绑，但我认为我做得不对。当我尝试将其放在 .cs 配置文件中的文件末尾时，当我将其推出时，我的网站根本无法识别引用文件。

例如，他是我正在捆绑的文件列表:

            bundles.Add(new ScriptBundle("~/bundles/utilitiesJs").Include(
            "~/Scripts/jquery-{version}.js",
            "~/Scripts/jquery.dynatable.js",
            "~/Scripts/js-cookie.js",
            "~/Scripts/bootstrap.js",
            "~/Scripts/bootstrap-multiselect.js",
            "~/Scripts/bootstrap-toolkit.min.js",
            "~/Scripts/common.js?v=1.0",
            "~/Scripts/dropdown.js?v=1.0",
            "~/Scripts/waitingFor.js",
            "~/Scripts/analytics.js"));

如您所见，我将“V=1.0”添加到了 common.js 和 dropdown.js 的末尾。当我访问网站并查看页面源代码时，包含文件中根本没有这些文件:

<script src="/DMC/Scripts/jquery-3.1.1.js"></script>
<script src="/DMC/Scripts/jquery.dynatable.js"></script>
<script src="/DMC/Scripts/js-cookie.js"></script>
<script src="/DMC/Scripts/bootstrap.js"></script>
<script src="/DMC/Scripts/bootstrap-multiselect.js"></script>
<script src="/DMC/Scripts/bootstrap-toolkit.min.js"></script>
<script src="/DMC/Scripts/waitingFor.js"></script>
<script src="/DMC/Scripts/analytics.js"></script>

有人可以告诉我我做错了什么吗？我是否还需要重命名通用文件和下拉文件或其他文件？我目前将它们简单命名为 common.js 和 dropdown.js。

如果您能提供任何帮助，我们将不胜感激!!

Answer 1

如果可能效率不高，但您是否尝试过在页面级别禁用缓存或可能设置较小的缓存窗口？

此外，如果浏览器和服务器支持它，您的受控环境使 HTTP/2 成为真正的可能性。捆绑之类的事情不再是问题。