RequireJS：app.jsから設定を読み取る

Question

app.jsでは、私は自分のプロジェクトの設定を書いています。app.jsでハードコーディングする代わりに、いくつかの外部ファイルconfig.jsからjqueryのバージョン番号を選びたいと思います。どうすればこれを達成できますか？

私は以下のapp.js、config.jsのとのindex.htmlのコード貼り付けられています

config.jsの

define(function() { 
    var Config = { 
    jquery: "3.1.0" 
    }; 
    return Config; 
}); 

Index.htmlとを：

<script src="require.js" data-main="js/app"></script> 

app.js

requirejs.config({ 
    paths: { 
    jquery: serverUrl + "/jquery-3.1.0.min", 
    } 
}); 

serverUrlは私のプロジェクト構造に従ってconfig.jsから取得できない変数ですので、requirejs.config（）をconfig.jsファイルに移動することはできません。

Answer 1

app.jsの前に設定ファイルを読み込んで参照するのが一番簡単な方法です。

<script src="config.js"></script> 
<script src="require.js" data-main="js/app"></script> 

config.js含めることができます：私は目的にグローバル空間で何かを入れていることを明確にするために、明示的にwindowを使用

window.fooConfig = { 
    serverUrl: 'some appropriate URL', 
} 

を。名前のfooConfigは、fooという名前のアプリケーションに使用できるものの一例に過ぎません。他のコードとの衝突を避けるために、必要なだけ独自のものを選択することができます。

次に、あなたのapp.jsだろう：

requirejs.config({ 
    paths: { 
    jquery: fooConfig.serverUrl + "/jquery-3.1.0.min", 
    } 
});