踩坑记录
- 动态引入import()变量失效问题, import不能导入变量字符串的路径问题
- 因为webpack的现在的实现方式不能实现完全动态,所以可以通过字符串模板来提供部分信息给webpack,如下
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/dbc15dc6601c98a35e5babd7790850d0.png)
const combinationRouting = (list: Menus[], parentPath?: string) => {
let portMenu: PortfolioMenuType[] = [];
list.forEach((item: Menus) => {
const path = parentPath ? parentPath + item.url : item.url;
const obj: PortfolioMenuType = {
path,
component: () => import(`../pages${path}/index`),
name: item.id,
};
if (item.children && item.children.length > 0) {
const result: PortfolioMenuType[] = combinationRouting(item.children, item.url);
portMenu = portMenu.concat(result);
}
if (!parentPath) {
portMenu.push(obj);
}
});
return portMenu;
}
export { combinationRouting }