requirejs.config（）做什麼？

Question

我無法理解requirejs.config（）函數。

requirejs.config({ 
    paths: { 
     'text': '../lib/require/text', 
     'durandal':'../lib/durandal/js', 
     'plugins' : '../lib/durandal/js/plugins', 
     'transitions' : '../lib/durandal/js/transitions', 
     'knockout': '../lib/knockout/knockout-3.1.0', 
     'bootstrap': '../lib/bootstrap/js/bootstrap', 
     'jquery': '../lib/jquery/jquery-1.9.1' 
    }, 
    shim: { 
     'bootstrap': { 
      deps: ['jquery'], 
      exports: 'jQuery' 
     } 
    } 
}); 

該功能做什麼？請不要將我引導至文檔，因爲我已經閱讀並仍然覺得很困惑。我需要一個關於這個函數做什麼的簡單解釋。

這些腳本是異步加載的嗎？

Answer 1

它爲腳本路徑創建別名ant告訴如何在加載時解釋bootstrap（非AMD腳本）。沒有任何裝載。您有權要求：

// we load two dependencies here 
// `knockout` and `bootstrap` are expanded to values in config 
// .js added to values 
// callback function called when all dependencies are loaded 
require(['knockout', 'bootstap'], function(Knockout, $) { 
    // jQuery is passed to this function as a second parameter 
    // as defined in shim config exports 
}); 

Answer 2

的路徑就像聲明/定義。因此，例如，

jquery: '../bower_components/jquery/dist/jquery', 

您可以稍後加載此庫，如下所示。

define([ 
    'jquery' 
], function (jquery) { 
    //initialize or do something with jquery 
} 

您不必指定庫的絕對路徑。

在墊片中，您將定義依賴關係。因此，例如，

paths: { 
    template: '../templates', 
    text: '../bower_components/requirejs-text/text', 
    jquery: '../bower_components/jquery/dist/jquery', 
    backbone: '../bower_components/backbone/backbone', 
    underscore: '../bower_components/underscore/underscore', 
    Router: 'routes/router' 
}, 
shim: { 
    'backbone': ['underscore', 'jquery'], 
    'App': ['backbone'] 
} 

這裏骨幹取決於強調和的jQuery。所以這兩個庫將在骨幹網開始加載之前加載。同樣應用程序將加載骨幹網後加載。

如果您熟悉骨幹和快遞，您可能會發現這個回購有用。

https://github.com/sohel-rana/backbone-express-boilerplate