twitter-bootstrap - BrowserifyでDataTables Bootstrap Stylingを使用するには?

Question

BrowserifyによってまとめられたDataTables Bootstrap スタイルを使用しようとしていますが、結果の Browserify バンドルを使用してページにアクセスすると、JS コンソールに「Uncaught Error: Cannot find module 'datatables'.

私のrequire('datatables');ステートメントは正常に機能し、DataTables を正常にロードしますがrequire('datatables-bootstrap');、ページをロードしようとするとロードされません。Browserify はバンドルを正常にコンパイルします。

bower install --save datatablesただし、jQueryを介してDataTablesファイルを取得しますnpm install --save jquery。 DataTables ソース ファイルは次のとおりです。

パッケージ.json

"dependencies": {
  "bootstrap": "^3.3.4",
  "jquery": "^1.11.2"
},
"browser": {
  "datatables": "./bower_components/datatables/media/js/jquery.dataTables.js",
  "datatables-bootstrap": "./bower_components/datatables/media/js/dataTables.bootstrap.js"
},
"browserify": {
  "transform": [
    "browserify-shim"
  ]
},
"browserify-shim": {
  "datatables": {
    "exports": "datatables",
    "depends": [
      "jquery:$"
    ]
  },
  "datatables-bootstrap": {
    "exports": null,
    "depends": [
      "jquery:$",
      "datatables"
    ]
  }
}

index.js

'use strict';
var $ = global.jQuery = require('jquery');
require('datatables');
require('datatables-bootstrap'); // <-- causes the error