使用grunt需求加载单个大型小型化文件的慢连接问题

Question

我有大量的js文件在我的网站上，在缩小和丑陋使用grunt-requirejs插件提供一个大小为1.6MB的单一文件。在缓慢的internet连接上加载此文件会导致请求超时错误。

未明错误:模块的加载超时: 2dc6219f.main http://requirejs.org/docs/errors.html#timeout

我使用chrome工具检查了源文件，发现源文件与原始文件的大小相同，但是当我继续使用门户时，我的两个模块仍然不能工作。

我试着删除这两个模块，并再次检查它，但是我仍然得到加载错误，但是其他模块都没有受到影响，因为这些模块都正常工作。

如何消除这个加载问题？是否有可能将代码缩小并将其丑化为不同的模块，以便能够分解一个大文件？

Answer 1

在reuirejs的信托中有一处可用的房产：

waitSeconds：定义模块的加载时间。根据依赖关系的复杂性和所涉及库的大小，可能需要增加等待间隔。默认是7秒。将值设置为0将禁用等待间隔。

如果您正在使用grunt，则可以在reuirejs任务中提到waitSeconds。

requirejs: {
        dist: {
            options: {
                baseUrl: '<%= yeoman.app %>/scripts',
                paths: {...},
                waitSeconds: 20000
        }
}

否则，您最终可以在require.js文件本身中重写。