動態引入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 => {})