要求:jQuery- ui优先下载顺序在jQuery之后

Requires: ordering jQuery-UI after jQuery in priority download

本文关键字：顺序 jQuery 之后 下载 jQuery- ui 要求      更新时间：2023-09-26

我正在像这样加载jQuery 

require({
    baseUrl: '{{ STATIC_URL }}js',
    paths: {
        jQuery: 'https://ajax.googleapis.com/ajax/libs/jQuery/1.5.1/jquery.min',
        jQueryui: 'http://ajax.googleapis.com/ajax/libs/jQueryui/1.8.12/jquery-ui.min'
    },
    priority: ['jQuery','jQuery-UI']
}, ['main']);

如何使jQuery- ui i在jQuery

之后加载

有一些选项:

1)使用order插件，那么就不需要优先级配置了:

require({
    baseUrl: '{{ STATIC_URL }}js',
    paths: {
        jQuery: 'https://ajax.googleapis.com/ajax/libs/jQuery/1.5.1/jquery.min',
        jQueryui: 'http://ajax.googleapis.com/ajax/libs/jQueryui/1.8.12/jquery-ui.min'
    }
}, ['order!jQuery', 'order!jQueryui', 'order!main']);

2)可以嵌套require调用。在这种情况下，没有"优先级"配置。由于它是顺序加载脚本的，因此加载速度会慢一些:

//Set up config
require({
    baseUrl: '{{ STATIC_URL }}js',
    paths: {
        jQuery: 'https://ajax.googleapis.com/ajax/libs/jQuery/1.5.1/jquery.min',
        jQueryui: 'http://ajax.googleapis.com/ajax/libs/jQueryui/1.8.12/jquery-ui.min'
    }
});
//Do the loading.
require(['jQuery'], function () {
    //This assumes 'main' has explicitly indicated
    //jQueryui as a dependency.
    require(['jQueryui', 'main'] {
    });
});

3)如果只有'jQuery'放在优先级配置中，那么只需require('jQueryui'， 'main'，假设'main'也将'jQueryui'设置为显式依赖项。实际上，你可以只需要(['main'])和jQuery UI将加载作为处理main.js的一部分。

相关文章：