twitter-bootstrap - 如何在 Browserify 中使用 DataTables Bootstrap 样式？

Question

我正在尝试使用由Browserify拼接在一起的DataTables Bootstrap 样式，但是当我使用生成的 Browserify 包访问页面时，JS 控制台显示“未捕获的错误：找不到模块‘数据表’。

我的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