import 使用变量出错解决

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

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

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

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

　　解决