8

AMD用のRequire.jsを使用するバックボーンアプリケーションがあります。Google CDNからjQueryを読み込んでいますが、ビルド後、jQueryへのパスが壊れているようです。

ビルドは問題やエラーなしで行われています。しかし、ビルドバージョンを使用すると、次のURLを使用してjQueryがページに追加されます。

http://example.com/assets/js/jquery.js

CDNURLの代わりに。これは、パス構成が失われ、「jquery」への依存関係が必要なため、パスへの参照としてではなく、スクリプトへの通常の呼び出しとして取得されるためだと思います。

これが私のメインファイルです：

main.js

require.config({
    baseUrl: '/assets/js/',
    paths: {
            use: 'libs/use-0.2.0.min',
            jquery: 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min',
            underscore: 'libs/underscore-1.3.1.min',
            backbone: 'libs/backbone-0.9.2.min'
},
    use: {
            'underscore': {
                    attach: '_'
            },
            'backbone': {
                    deps: ['use!underscore', 'jquery'],
                    attach: function(_, $) {
                            return Backbone;
                    }
            }
    }
});

require(['views/app'], function(AppView){
    var app_view = new AppView();
});

app.build.js

({
appDir: "../../www",
baseUrl: "assets/js",
dir: "../../build",
optimizeCss: "none",
optimize: "uglify",
findNestedDependencies: true,
preserveLicenseComments: false,
paths: {
    use: 'libs/use-0.2.0.min',
    jquery: 'empty:',
    underscore: 'libs/underscore-1.3.1.min',
    backbone: 'libs/backbone-0.9.2.min'
},
modules: [
    {
        name: "main",
        include: ["views/app"],
        exclude: ["jquery"]
    }
],
use: {
    'underscore': {
        attach: '_'
    },
    'backbone': {
        deps: ['use!underscore', 'jquery'],
        attach: function(_, $) {
            return Backbone;
        }
    }
}
})

（そして、AMD以外のプラグインをロードするためにuse.jsを使用しています）

4

1 に答える 1

3

最初に最新の RequireJS にアップグレードし、次のリンクを確認します。

http://requirejs.org/docs/optimization.html#empty

また、このセクションの CDN に関する注意事項:

http://requirejs.org/docs/api.html#config

のローカル フォールバックの例require.config( { paths : {} } ):

ロードの失敗を検出し、モジュールを undef() し、パスを変更し、リロードするための上記のパターンは、十分に一般的な要求であるため、省略形もあります。パス構成は配列値を許可します:

requirejs.config( {
    // To get timely, correct error triggers in IE, 
    // force a define/shim exports check.
    enforceDefine : true,
    paths : {
        jquery : [
            '//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min',
            //If the CDN location fails, load from this location
            'lib/jquery'
        ]
        // etc.
    }
} );
于 2012-08-30T21:03:19.160 に答える