我已经研究了几个小时来研究如何包含 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
如果这是绝对必要的。
最佳答案
我最终使用了 grunt-webpack
.尽管它不是 AMD 模块,但我能够将所需的文件及其依赖项捆绑到一个输出文件中。
关于javascript - 在客户端 requireJS 环境中使用 material-ui?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33977857/