快速解决开发问题

对于开发，你可以在Chrome开发工具中禁用缓存(为网站开发禁用Chrome缓存)。缓存禁用只发生在开发工具对话框打开时，所以您不必担心在每次常规浏览时切换此选项。

注意:在生产环境中使用'urlArgs'是合适的解决方案，这样用户就可以获得最新的代码。但这使得调试变得困难，因为chrome每次刷新都会使断点失效(因为它每次都是一个“新”文件)。

受到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设置配置。无需直接发送内容，您可以复制所需文件并保持实际文件完整。

LoadFile(filePath){
    const file = require(filePath);
    const result = angular.copy(file);
    return result;
}

urlArgs解决方案有问题。不幸的是，您无法控制可能在您和用户的web浏览器之间的所有代理服务器。不幸的是，其中一些代理服务器可能被配置为在缓存文件时忽略URL参数。如果发生这种情况，将会向用户发送错误的JS文件版本。

我最终放弃了，并直接在require.js中实现了自己的修复。如果您愿意修改requirejs库的版本，这个解决方案可能适合您。

你可以在这里看到补丁:

https://github.com/jbcpollak/requirejs/commit/589ee0cdfe6f719cd761eee631ce68eee09a5a67

一旦添加，你可以在require配置中做这样的事情:

var require = {
    baseUrl: "/scripts/",
    cacheSuffix: ".buildNumber"
}

使用构建系统或服务器环境将buildNumber替换为修订id /软件版本/喜欢的颜色。

像这样使用require:

require(["myModule"], function() {
    // no-op;
});

将导致需要请求此文件:

http://yourserver.com/scripts/myModule.buildNumber.js

在我们的服务器环境中，我们使用url重写规则来去除buildNumber，并提供正确的JS文件。这样我们就不必担心重命名所有的JS文件。

该补丁将忽略任何指定协议的脚本，也不会影响任何非js文件。

这在我的环境中工作得很好，但我意识到有些用户更喜欢前缀而不是后缀，因此应该很容易修改我的提交以满足您的需求。

更新:

在拉请求的讨论中，requirejs作者建议这可以作为一个解决方案，为修订号添加前缀:

var require = {
    baseUrl: "/scripts/buildNumber."
};

我没有尝试过这个，但其含义是，这将请求以下URL:

http://yourserver.com/scripts/buildNumber.myModule.js

这对于许多会使用前缀的人来说可能非常有用。

以下是一些可能重复的问题:

RequireJS和代理缓存

require.js -我如何设置所需模块的版本作为URL的一部分?

这是我在Django / Flask中如何做到的(可以很容易地适应其他语言/ VCS系统):

在config.py中(我在python3中使用这个，所以你可能需要调整python2中的编码)

import subprocess
GIT_HASH = subprocess.check_output(['git', 'rev-parse', 'HEAD']).strip().decode('utf-8')

然后在模板中:

{% if config.DEBUG %}
     require.config({urlArgs: "bust=" + (new Date().getTime())});
{% else %}
    require.config({urlArgs: "bust=" + {{ config.GIT_HASH|tojson }}});
{% endif %}

不需要手动构建过程 应用程序启动时只运行git rev-parse HEAD一次，并将其存储在配置对象中

动态解决方案(不含urlArgs)

对于这个问题，有一个简单的解决方案，这样您就可以为每个模块加载唯一的修订号。

您可以保存原始需求。加载函数，用自己的函数覆盖它，并将修改后的url解析为原始需求。负载:

var load = requirejs.load;
requirejs.load = function (context, moduleId, url) {
    url += "?v=" + oRevision[moduleId];
    load(context, moduleId, url);
};

在我们的构建过程中，我使用“gulp-rev”来构建一个清单文件，其中包含所有正在使用的模块的所有修订。gulp任务的简化版本:

gulp.task('gulp-revision', function() {
    var sManifestFileName = 'revision.js';

    return gulp.src(aGulpPaths)
        .pipe(rev())
        .pipe(rev.manifest(sManifestFileName, {
        transformer: {
            stringify: function(a) {
                var oAssetHashes = {};

                for(var k in a) {
                    var key = (k.substr(0, k.length - 3));

                    var sHash = a[k].substr(a[k].indexOf(".") - 10, 10);
                    oAssetHashes[key] = sHash;
                }

                return "define([], function() { return " + JSON.stringify(oAssetHashes) + "; });"
            }
        }
    }))
    .pipe(gulp.dest('./'));
});

这将生成一个带有修订号到moduleNames的amd模块，它被包含在main.js中的'oRevision'中，在那里你可以覆盖requirej。加载函数如前所示。