简介 vite-plugin-qiankun: 帮助应用快速接入乾坤的vite插件 保留vite构建es模块的优势 一键配置，不影响已有的vite配置 快速开始 1、在 vite.config.ts 中安装插件 // vite.config.ts import qiankun from 'vite-plugin-qiankun'; export default { // 这里的 'myMicroAppName' 是子应用名，主应用注册时AppName需保持一致 plugins: [qiankun('myMicroAppName')], // 生产环境需要指定运行域名作为base base: 'http://xxx.com/' } 2、在入口文件里面写入乾坤的生命周期配置 // main.ts import { renderWithQiankun, qiankunWindow

node.js v12.13.0 1104，主应用采用vue-cli脚手架，重新创建新的demo 目录下admin-wu主要应用microfrontend-demo主要应用sub-app1为子应用sub-app2为子应用 已解决 1，子应用与主应用，子应用与子应用跨域问题2，主应用改造为webpack vue应用3，主应用路由路由切换子应用4，子应用加载qiankun的生命周期5，子应用内部切换路由6，部署-子应用部署可直接沿用以前的发布部署流程，没有什么要特殊处理的 ] vue-cli3生产部署时发现的问题，并附带临时解决方法＃64-部署跨域，nginx配置7，JS变量隔离（qiankun现有，使用JS Sandbox）每个子应用都有相应的生命周期，同时，只会有一个子应用的实例互补。js沙箱封装在qiankun的生命周期中。唯一不足的地方是，window的对象，无法隔离，最好不要绑定原型

建置状态 技术规格 容器（React） 市场营销（React） 身份验证（React） 仪表板（Vue） 目前已在monorepo中使用所有微前端进行了设置，但也可以使用单独的存储库进行设置。 请注意：每个应用程序都是虚拟应用程序，未实现任何实际功能 代码基于以下课程，但包含更多注释以及npm软件包版本中的一些差异： 有关模块联合和Microfrontends的文档，文章和视频

mfe-blog-svelte 一个演示应用程序，展示微前端架构。 使用single-spa（ ）将多个应用程序包装成一种体验。

微前端单spa模块联盟 使用单个spa和模块联合的微前端应用程序

ecode核心是解决EC所有界面无侵入定制和扩展二次开发，采用动态注册，不直接修改源码的方案解决开发需求。除了新开发页面的之外，它还支持所有标准页面的修改。ecode包含了整套前端编辑器、编译器，可以让用户无需搭建开发环境直接通过浏览器开始single page前端开发，同时采用ecode开发的内容都是插件化，支持一键共享、复用、二次封装。 用ecode需要提前学习的内容，基础决定了您可以用多深 PC端：js、css、es6、react16.x、react-router3、mobx MOBILE端：js、css、es6、react16.x、react-router4、mobx

基于搭建的企业级微前端框架应用。 运行步骤 首先全局安装 (如果你已安装，请忽略) npm install -g m2-cli 安装主应用 通过m2命令行一键下载项目脚手架 m2 init (也可使用别名m2 i) 当出现Project Type选项时，请输入修改为mfe（不然将默认建一个web工程模板了~~） 然后会依次提示您输入项目名称，描述，类型，作者等信息（不输入将采用默认值） 当出现Project init successfully表示项目脚手架已下载成功 配置主项目public/apps.conf.json中所有子项目的信息 按照操作指引安装依赖，运行项目即可(需保证子项目全部启动) 提示：如果你忘记修改项目名称，描述等信息，可直接下载完成后修改package.json中的name,title,author,description以及repository.url 安装子应用 通

功能说明： 1.此实例包含有一个`qiankun-main`主应用和`qiankun-vue-child`子应用。【可以包含若干个子应用，这里只建立一个vue子应用进行演示】 2.主应用跨域访问子应用系统。 3.无node_modules，执行npm install即可。 更新时间：2021-03-26

阿里巴巴高级前端技术专家 张克军分享什么是微前端、它的价值、完备的微前端架构包括哪些环节、需要解决的问题等.

VoltranJS 什么是Voltran？为什么要使用它？ Voltran是由Hepsiburada技术团队开发的微型前端框架。 帮助跨职能团队进行端到端的独立开发和部署。 如果需要具有以下功能的微型前端框架，则可以使用Voltran： 轻巧快速的API 服务单个和多个组件 预览（可视化组件） SEO友好（如果需要） CSS和SCSS支持 仅支持React（目前） 安装 Voltran需要运行 v10.15.0 +。 安装Voltran。 纱 $ yarn add voltranjs Npm $ npm install voltranjs 用法 这是一个示例组件。 首先，您应该导入@voltran/core 。 之后，我们可以编写组件的代码。 HelloWorld.js const voltran = require ( ' @voltran/core ' ); import React from ' react ' ; const ROUTE_PATHS = { HELLOWORLDPAGE : ' /HelloWorld ' , }; const Hel