haosicx的博客

【代码】microapp微前端基础使用。

qiankun文档点击跳转首先创建两个项目qiankun-base 基座qiankun-vue 子应用基座基础配置App.vue 建立一个element-ui的菜单用来跳转<template> <div> <el-menu router mode='horizontal'> <!-- 基座中可以放自己的路由 --> <el-menu-item index="/">Home&l

先说说singleSpa的缺点不够灵活 不能动态加载css文件css不隔离没有js沙箱的机制 ( 没有全局对象 每次切换的应用 都是同一个window )但是刚刚接触微前端 可以了解一下微前端的基础使用qiankun微前端框架已经很成熟 也是基于singleSpa来实现的大致实现思路 (不了解微前端概念的可以去自行了解)首先在父应用注册一个应用当条件满足的时候(匹配路径) 会加载我们另一个子应用的脚本加载子应用用脚本的话– 那在我们子应用打包的时候 , 自身上就有一