若依相关项目与飞冰icestark微前端项目的开发总结

若依框架的优化版,依据若依后台框架为模板,若依后台框架实现后台管理菜单与权限动态可配,在基础上继续迭代开发

icestark 是面向大型系统的微前端解决方法,目的是为应用聚合和巨石应用的架构提供解决方案。而飞冰 ICE 旨在提供基于 React 的研发解决方案

飞冰相关项目开发,基于ice/stark,ice/stark-app进行前端微服务多项目独立开发,中心化路由,动态配置路由实现微服务各个子项目可移植与复用。

"@ice/stark": "^2.1.1",
"@ice/stark-app": "^1.2.2",

通过webpack打包输出相对于子服务的`library: "icestark-vue-son-project"特定唯一的项目依赖标识,注入到各个需要的父级项目或其它需要使用的项目。

vue.config.js

output: {
      library: "icestark-vue-son-project",
      libraryTarget: "umd",
    },
main.js

import { isInIcestark, setLibraryName } from "@ice/stark-app";
setLibraryName("icestark-vue-son-project");

```javascript
if (!isInIcestark()) {
  new Vue({
    router,
    store,
    render: (h) => h(App),
  }).$mount("#app");
}
posted @ 2023-09-04 18:49  yoona-lin  阅读(24)  评论(0编辑  收藏  举报