当我们使用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。