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

unt*_*mps 5 javascript webpack ecmascript-next es6-modules

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

const moduleName = 'myModule'
import(`modules/${moduleName}`) // Error: Cannot find module 'modules/myModule'
Run Code Online (Sandbox Code Playgroud)

与文字字符串的工作原理相同:

import('modules/myModule').then(module => ...)
Run Code Online (Sandbox Code Playgroud)

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

// 更新

但这似乎更棘手:

这有效:

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

这不会:

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

我正在使用带有react-router的create-react-app配置。