踩坑记录
- 动态引入import()变量失效问题, import不能导入变量字符串的路径问题
- 因为webpack的现在的实现方式不能实现完全动态,所以可以通过字符串模板来提供部分信息给webpack,如下
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 }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)