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配置。
| 归档时间: |
|
| 查看次数: |
3867 次 |
| 最近记录: |