在客户端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模块，但我能够将我需要的文件及其依赖项捆绑在一个输出文件中。