即使指定了依赖项,RequireJS也会以错误的顺序加载模块

时间:2015-08-12 12:22:04

标签: javascript requirejs

我有以下RequireJS配置:

require.config({
    baseUrl: 'lib',
    paths: {
        app: '../app'
    },
    shim: {
        angular: ['jquery']
    }
});

在此之后,我正在加载app模块:

require(['app'], function (app) {

});

我的相应app.js如下:

define(['angular'], function (angular) {
    console.log(angular); //Prints out undefined
});

我的angular.jsjquery.js位于我网站根目录的lib目录下。

事实上,它们正在装载得很好,问题是装载顺序。

如果我检查我的HTML,它们就像这样加载:

<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="app" src="lib/../app.js">
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery" src="lib/jquery.js">
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="angular" src="lib/angular.js">

如您所见,我的app模块在​​angular jquery之前加载。

我已经指定app模块依赖于angular,我该怎么做才能让RequireJS以正确的顺序加载我的模块?

0 个答案:

没有答案