RequireJS似乎在内部做了一些事情，缓存所需的javascript文件。如果我对所需的文件之一进行了更改，我必须重命名该文件，以便应用更改。
将版本号作为查询字符串参数附加到文件名末尾的常见技巧不适用于requirejs <script src="jsfile.js? "脚本v2”> < / >
我正在寻找的是一种方法，以防止RequireJS所需脚本的这种内部缓存，而不必在每次更新脚本文件时重命名脚本文件。
跨平台解决方案:
我现在使用urlArgs: "bust=" + (new Date()). gettime()在开发过程中自动缓存破坏和urlArgs: "bust=v2"的生产，在推出一个更新的所需脚本后，我增加硬编码的版本num。
注意:
@Dustin Getz在最近的回答中提到，当Javascript文件不断刷新时，Chrome开发工具将在调试过程中删除断点。一个解决方法是编写调试器;在大多数Javascript调试器中触发断点。
特定于服务器的解决方案:
有关可能更适合您的服务器环境(如Node或Apache)的特定解决方案，请参阅下面的一些答案。
当前回答
受到require.js data-main上的过期缓存的启发，我们用以下ant任务更新了我们的部署脚本:
<target name="deployWebsite">
<untar src="${temp.dir}/website.tar.gz" dest="${website.dir}" compression="gzip" />
<!-- fetch latest buildNumber from build agent -->
<replace file="${website.dir}/js/main.js" token="@Revision@" value="${buildNumber}" />
</target>
main.js的开头是这样的:
require.config({
baseUrl: '/js',
urlArgs: 'bust=@Revision@',
...
});
其他回答
受到require.js data-main上的过期缓存的启发，我们用以下ant任务更新了我们的部署脚本:
<target name="deployWebsite">
<untar src="${temp.dir}/website.tar.gz" dest="${website.dir}" compression="gzip" />
<!-- fetch latest buildNumber from build agent -->
<replace file="${website.dir}/js/main.js" token="@Revision@" value="${buildNumber}" />
</target>
main.js的开头是这样的:
require.config({
baseUrl: '/js',
urlArgs: 'bust=@Revision@',
...
});
我不建议使用'urlArgs'来处理RequireJS的缓存爆破。因为这并不能完全解决问题。更新版本no将导致下载所有资源，即使您只更改了单个资源。
为了解决这个问题，我建议使用Grunt模块，如“filerev”来创建修订号。在此之上，我已经在Gruntfile中编写了一个自定义任务，以在任何需要的地方更新修订。
如果需要，我可以分享这个任务的代码片段。
RequireJS可以配置为每个脚本url附加一个值，用于缓存破坏。
来自RequireJS文档(http://requirejs.org/docs/api.html#config):
urlArgs:额外的查询字符串参数附加到RequireJS的url 用于获取资源。最有用的缓存崩溃时，浏览器或 服务器配置不正确。
示例:将"v2"附加到所有脚本:
require.config({
urlArgs: "bust=v2"
});
出于开发目的，你可以通过添加时间戳来强制RequireJS绕过缓存:
require.config({
urlArgs: "bust=" + (new Date()).getTime()
});
不要使用urlArgs !
要求脚本加载尊重http缓存头。(脚本是用动态插入的<script>加载的，这意味着请求看起来就像加载的任何旧资产一样。)
在开发过程中使用适当的HTTP头来禁用缓存。
使用require的urlArgs意味着你设置的任何断点在刷新时都不会被保留;最终需要在代码中到处放置调试器语句。坏的。在git sha的生产升级期间，我使用urlArgs来破坏缓存资产;那么我就可以把我的资产设置为永远缓存，并保证永远不会有过时的资产。
在开发过程中，我用一个复杂的mockjax配置模拟所有ajax请求，然后我可以在仅javascript模式下使用10行python http服务器服务我的应用程序，并关闭所有缓存。对我来说，这已经扩展到一个相当大的“企业级”应用程序，拥有数百个restful webservice端点。我们甚至有一个签约设计师，他可以使用我们真实的产品代码库，而不允许他访问我们的后端代码。
在我的情况下，我想每次点击都加载相同的表单，我不希望我对文件所做的更改保持不变。它可能与这篇文章不太相关，但这可能是一个潜在的解决方案，在客户端不需要为require设置配置。无需直接发送内容，您可以复制所需文件并保持实际文件完整。
LoadFile(filePath){
const file = require(filePath);
const result = angular.copy(file);
return result;
}
