image.png
    image.png

    image.png

    1.先创建基座（容器）

    1. 先安装 
    2. 1. npm install create-single-spa@2.0.3 -g （全局安装）
    3. 创建基座 （容器）
    4. 项目里: 
    5. $create-single-spa

    为基座创建个名字

    image.png

    创建好名字后 选择第三个 (使用root config 方式去创建这个容器)
    image.png

    image.png

    npm start 启动项目
    image.png
    image.png

    创建里面项目时
    image.png

    注册 tods应用 到容器里面 访问 study/todos的时候 到 todos项目

    image.png

    公共的模块：

    image.png

    image.png
    image.png

    精准匹配

    image.png

    创建myreact：div
    image.png

    image.png

    容器那里没有引用 react-router-dom (需要引入才行)
    image.png

    需要在todos里 把 react-router-dom 排除在外
    image.png

    创建公用的方法

    image.png