如何使用require JS為數據表配置多個源？

Question

我正在嘗試使用此數據表 。 但是需要多個JS資源，並且我不確定如何為RequireJS都配置它們嗎？ 我試圖創建一個墊片，但表格未呈現。

以下是所需的兩個文件：

 jquery.dataTables.min.js

 dataTables.bootstrap.min.js 

到目前為止，我已經使用以下配置來部分工作和渲染：

require.config({

    paths: {
        jquery: 'https://code.jquery.com/jquery-1.11.3.min',
        dataTable: 'https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min',

          // How do I create a shim for this?
        dataTableBootstrap: 'https://cdn.datatables.net/1.10.10/js/dataTables.bootstrap.min'

    }
});

在此處實例化：

require(["jquery", "dataTable"], function ($) {

    $(function () {

        $('#example').dataTable( {
            "pagingType": "simple_numbers",
            scrollY:        '50vh',
            scrollCollapse: true,
            "scrollX": true,
            "bPaginate": true,
            "bFilter": false,
            "bInfo": true
        } );

});

Answer 1

您不需要為其中任何一個進行填充。 它們被識別為requirejs模塊，並代替您管理自己的依賴性。 它們都有通用的模塊定義格式。 它們都使用define（）作為require模塊創建自己，並嘗試獲取其依賴關系。 該依賴關系被命名，其名稱是路徑或在paths requirejs配置中定義的名稱。

現在，從那些庫中，我可以找到它們所需的模塊名稱。

dataTable boostrap需要2個依賴項["jquery","datatables.net"] 。 jQuery在您的paths配置中定義得很好，但是找不到datatables.net ，因為您為它定義了不同的名稱dataTable 。

這意味着您的dataTable路徑需要更改為datatables.net

datatables.net: 'https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min',

這樣，您需要定義/要求的所有依賴項就是jquery和dataTableBootstrap

define(["jquery", "dataTableBootstrap"], function ($) {
    // code here
}

這應該可以解決問題，但是我沒有進行測試。

至於墊片。 僅對於非需求js（非AMD）依賴項是必需的，因為您需要自己指定它們的依賴關系。 AMD模塊改為管理其依賴性。