javascript - 在客户端 requireJS 环境中使用 material-ui？

Question

我已经研究了几个小时来研究如何包含 material-ui作为我的应用程序的客户端 AMD 模块，这是我最接近的。使用 grunt-amd-wrap ，我在 Gruntfile 中使用了以下 grunt 任务:

amdwrap: {
  materialui: {
    expand: true,
    cwd: 'node_modules/material-ui/lib/',
    src: ['**/*.js'],
    dest: 'client/js/components/',
  },
},

并安排它在 material-ui 之后运行完成转译到它的 lib文件夹。然而，这仍然是一个问题，因为文件 require()以下模块:

"inline-style-prefixer": "^0.5.1",
"lodash.throttle": "~3.0.4",
"lodash.debounce": "~3.1.1",
"react-addons-transition-group": "^0.14.0",
"react-addons-update": "^0.14.0",
"react-addons-create-fragment": "^0.14.0",
"react-addons-pure-render-mixin": "^0.14.0",
"warning": "^2.1.0"

除了 material-ui 之外，我不知道如何将它们捆绑到客户端 AMD 模块。本身。

综上所述:有没有办法使用 grunt转换 material-ui的 CommonJS 语法到一个独立的 AMD 模块(或一组独立的 AMD 模块)？我想避免使用 gulp ，我宁愿只使用 browserify如果这是绝对必要的。

Answer 1

我最终使用了 grunt-webpack .尽管它不是 AMD 模块，但我能够将所需的文件及其依赖项捆绑到一个输出文件中。