内联导入默认导出到数组

Question

我有多个名为 PageX、PageY、PageZ 等的文件

其中每个都有一个 export default SETUP { path:'blah_X', component:X }。

在我的 index.js 中，我想将这些 SETUP 导入到这样的数组中：

const PAGE_SETUPS = [
   import './PageX',
   import './PageY',
   import './PageZ' 
];

const routes = PAGE_SETUPS.map(setup => createElement(Route, {path:setup.path, component:setup.component});

我遇到了各种各样的问题。是否可以将 default 导出的项目内联导入到这样的数组中？

Answer 1

不，ES6模块中没有"inline imports"。您可以使用您转译到的模块加载系统提供的任何一种非声明性导入方法，或者您必须将其拼写出来：

import PageX from './PageX',
import PageY from './PageY',
import PageZ from './PageZ' 
const PAGE_SETUPS = [PageX, PageY, PageZ];

内联导入默认导出到数组

Inline import the default export into array

ecmascript-6

es6-modules