es6:动态导入和模板字符串

时间:2017-10-18 14:02:16

标签: javascript webpack es6-modules ecmascript-next

当我们使用import()动态加载模块时,似乎不允许使用模板字符串:

const moduleName = 'myModule'
import(`modules/${moduleName}`) // Error: Cannot find module 'modules/myModule'

与litteral字符串相同:

import('modules/myModule').then(module => ...)

有没有办法在es6中使用模板字符串实现动态加载?

//更新

但这似乎更棘手:

这有效:

import(/* webpackChunkName: "[request]" */ ../pages/${route.componentPath}`)
// componentPath = 'MyModule'

这不是:

import(/* webpackChunkName: "[request]" */ `${route.componentPath}`)
// componentPath = '../pages/MyModule'

我正在使用react-react-app配置与react-router。

0 个答案:

没有答案
相关问题