我正在尝试使用System.JS将material-ui导入我的React应用程序
在我的应用程序中,我这样做:
import {AppBar, Tabs, Tab, Card, CardTitle} from 'material-ui';
下面是我的System.JS配置:
System.config({
baseURL: '/node_modules',
packageConfigPaths: [
'*/package.json'
],
packages: {
'.': {
defaultExtension: 'js',
main: 'index.js'
},
}
});
它加载node_modules/material-ui/index.js
,其中包含一堆导入:
var _AppBar2 = require('./AppBar');
var _AppBar3 = _interopRequireDefault(_AppBar2);
var _AutoComplete2 = require('./AutoComplete');
var _AutoComplete3 = _interopRequireDefault(_AutoComplete2);
// ... etc, about 40 of them.
exports.AppBar = _AppBar3.default;
exports.AutoComplete = _AutoComplete3.default;
// ... etc
在软件包的树形结构中,每个模块都存储在自己的目录下,如下所示:
material-ui/
index.js
AppBar/
AppBar.js
index.js -- just reexports './AppBar'
AutoComplete/
AutoComplete.js
index.js -- just reexports './AutoComplete'
等,所以实际上要导入material-ui/AppBar
,我需要System.JS来加载node_modules/material-ui/AppBar/AppBar.js
或node_modules/material-ui/AppBar/index.js
。
取而代之的是,System.JS正在尝试加载不存在的node_modules/material-ui/AppBar.js
。
如果我为packages
下的每个模块添加单独的条目
'material-ui': {
map: {
'./AppBar': './AppBar/AppBar.js'
}
}
它可以工作,但是通配符:
'material-ui': {
map: {
'./*': './*/*.js'
}
}
别。
如何让某个包下的System.JS将./*
映射到./*/*.js
?
顺便说一下,browserify在这种布局上没有任何问题,所以当我仅通过调用browserify('./path/to/root/index.js')
来使用browserify绑定我的应用程序时,所有material-ui模块的导入都没有任何问题。
https://stackoverflow.com/questions/42165927
复制相似问题