import 使用变量出错解决

最近做项目，需要根据config文件里面的值进行不同页面的展示。一开始想着用 v-if 解决算求了，后来发现类型好像有点多，那还是针对路由下手吧。

为此根据类型进行了路径的拼接，然并卵。报错直接告诉我 can not find module ../components/xx

经过查询发现好像webpack 并不能直接识别变量，只能使用字符串。嗯那就这样吧

?

1 2 3 4 5 6 7

{         path:'info',         component: () => {           return import( `../components/${componentName}`)         }  }

　　解决