动态引入import()变量失效问题

import我们通常的用法是

import('@/pages/demo').then(item=>{})

但是现在有个需求必须要动态传入路径，发现传入变量后不能识别，代码如下

 

const modelpath = ‘@/pages/demo’

 

import(modelpath).then(item => {})

因为webpack的现在的实现方式不能实现完全动态，所以可以通过字符串模板来提供部分信息给webpack，如下

 

const modelpath = ‘/demo’ 

 

import(`@/pages${modelpath}`).then(item => {})