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)的特定解决方案，请参阅下面的一些答案。
当前回答
这是对@phil mccull接受的回答的补充。
我使用了他的方法，但我也通过创建一个T4模板来自动运行预构建过程。
预构建命令:
set textTemplatingPath="%CommonProgramFiles(x86)%\Microsoft Shared\TextTemplating\$(VisualStudioVersion)\texttransform.exe"
if %textTemplatingPath%=="\Microsoft Shared\TextTemplating\$(VisualStudioVersion)\texttransform.exe" set textTemplatingPath="%CommonProgramFiles%\Microsoft Shared\TextTemplating\$(VisualStudioVersion)\texttransform.exe"
%textTemplatingPath% "$(ProjectDir)CacheBuster.tt"
T4模板:
生成的文件:
在require.config.js加载之前存储在变量中:
require.config.js中的引用:
其他回答
不要使用urlArgs !
要求脚本加载尊重http缓存头。(脚本是用动态插入的<script>加载的，这意味着请求看起来就像加载的任何旧资产一样。)
在开发过程中使用适当的HTTP头来禁用缓存。
使用require的urlArgs意味着你设置的任何断点在刷新时都不会被保留;最终需要在代码中到处放置调试器语句。坏的。在git sha的生产升级期间，我使用urlArgs来破坏缓存资产;那么我就可以把我的资产设置为永远缓存，并保证永远不会有过时的资产。
在开发过程中，我用一个复杂的mockjax配置模拟所有ajax请求，然后我可以在仅javascript模式下使用10行python http服务器服务我的应用程序，并关闭所有缓存。对我来说，这已经扩展到一个相当大的“企业级”应用程序，拥有数百个restful webservice端点。我们甚至有一个签约设计师，他可以使用我们真实的产品代码库，而不允许他访问我们的后端代码。
这是对@phil mccull接受的回答的补充。
我使用了他的方法，但我也通过创建一个T4模板来自动运行预构建过程。
预构建命令:
set textTemplatingPath="%CommonProgramFiles(x86)%\Microsoft Shared\TextTemplating\$(VisualStudioVersion)\texttransform.exe"
if %textTemplatingPath%=="\Microsoft Shared\TextTemplating\$(VisualStudioVersion)\texttransform.exe" set textTemplatingPath="%CommonProgramFiles%\Microsoft Shared\TextTemplating\$(VisualStudioVersion)\texttransform.exe"
%textTemplatingPath% "$(ProjectDir)CacheBuster.tt"
T4模板:
生成的文件:
在require.config.js加载之前存储在变量中:
require.config.js中的引用:
受到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中编写了一个自定义任务，以在任何需要的地方更新修订。
如果需要，我可以分享这个任务的代码片段。
快速解决开发问题
对于开发，你可以在Chrome开发工具中禁用缓存(为网站开发禁用Chrome缓存)。缓存禁用只发生在开发工具对话框打开时，所以您不必担心在每次常规浏览时切换此选项。
注意:在生产环境中使用'urlArgs'是合适的解决方案，这样用户就可以获得最新的代码。但这使得调试变得困难，因为chrome每次刷新都会使断点失效(因为它每次都是一个“新”文件)。
