Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs: 缺失,遗漏,需要增强的部分 #9

Open
givingwu opened this issue Oct 26, 2020 · 8 comments
Open

Docs: 缺失,遗漏,需要增强的部分 #9

givingwu opened this issue Oct 26, 2020 · 8 comments
Labels
enhancement New feature or request

Comments

@givingwu
Copy link
Owner

givingwu commented Oct 26, 2020

  • 开发的正确流程是什么?
  1. 编写主应用
  2. 发布主应用
  3. 编写子应用
  4. 依赖主应用
  5. 更改子应用 webpack 入口为主应用
  6. 启动子应用实际上启动的是主应用
  7. 主应用加载子应用
  8. 开始开发子应用
  • 每个子运用开发都要基于主运用吗?

Yep.

  • 子运用自己不用启服务?

前端服务肯定是需要启动的。而且依赖主应用为运行时。

  • 每次开发新的子运用就启动主运用?

主应用对于子应用来说就像 nodeJS 应用于 nodeJS 容器的关系。子应用都被放到主应用中动态装载执行。

  • 调试就 resources 本地引入子运用吗?

Yep.

  • 应用之间如何跨应用懒加载组件?
    假设有 App, SubApp1, SubApp2,现在 SubApp1 使用 SubApp2 的组件。
  1. 需要 SubApp2 显示暴露组件
import VueMfe from 'vue-mfe'
import routes from './router/routes'

export default VueMfe.createSubApp({
  prefix: 'SubApp2',
  routes,
  components: {
    LazyComponent: () => import('./components/LazyComponent'),
  }
})
  1. 打包 SubApp2 上传到 OSS or CDN 服务器
  2. 通过 VueMfe.lazy('SubApp2.components.LazyComponent') 配合 Vue Async component 方式懒加载组件
import VueMfe from 'vue-mfe'

export default {
  name: 'PageIndex',
  components: {
    LazyComponent: () => VueMfe.Lazy('SubApp2.components.LazyComponent')
  }
}
@givingwu givingwu added the enhancement New feature or request label Oct 26, 2020
@wwb568109135
Copy link

https://github.com/givingwu/vue-mfe/tree/master/example 我要使用之前的3个目录下的代码,涉及vue-mfe的办法,引用npm-vue-mfe,全局安装vue-cli3的相关套件,但是deploy 相关的介绍,看的不是很明白,可以单独发布一个vue-mfe的demo仓库吗?

@givingwu
Copy link
Owner Author

givingwu commented Dec 21, 2020

https://github.com/givingwu/vue-mfe/tree/master/example 我要使用之前的3个目录下的代码,涉及vue-mfe的办法,引用npm-vue-mfe,全局安装vue-cli3的相关套件,但是deploy 相关的介绍,看的不是很明白,可以单独发布一个vue-mfe的demo仓库吗?

谢谢提醒,Deploy 部分确实缺少完整 demo。

  1. https://vue-mfe.netlify.app/guide/
  2. https://www.cnblogs.com/givingwu/p/12900255.html

不知道之前所写这些资料对阁下是否有帮助。

@wwb568109135
Copy link

https://github.com/givingwu/vue-mfe/tree/master/example 我要使用之前的3个目录下的代码,涉及vue-mfe的办法,引用npm-vue-mfe,全局安装vue-cli3的相关套件,但是deploy 相关的介绍,看的不是很明白,可以单独发布一个vue-mfe的demo仓库吗?

谢谢提醒,Deploy 部分确实缺少完整 demo。

  1. https://vue-mfe.netlify.app/guide/
  2. https://www.cnblogs.com/givingwu/p/12900255.html

不知道之前所写这些资料对阁下是否有帮助。

都看过了,若您这边有个完整demo,再配合上面的文档描述 就完美了!

@givingwu
Copy link
Owner Author

@wwb568109135 这个项目安排重构有段时间了,重构后会提供完整的流程,包含开发-构建-部署-上线 的 demo。谢谢贡献。

@wwb568109135
Copy link

wwb568109135 commented Dec 21, 2020

@wwb568109135 这个项目安排重构有段时间了,重构后会提供完整的流程,包含开发-构建-部署-上线 的 demo。谢谢贡献。

持续关注您这个开源框架!

我这边调研过欢聚时代开源的emp框架(https://github.com/efoxTeam/emp
emp框架,本地调试,发现他们对vue2的支持 不太友好,无法共享状态!

@givingwu
Copy link
Owner Author

@wwb568109135 没有看过 emp 这个项目,但是点进去看了下,它已经集成了 webpack5 了,说明更新很及时。

vue-mfe 严格来说不算微前端,只能算是微应用。而且仅支持 vue2 框架,使用 vue2 + vue-router + webpack4。不知道是否满足您的需求?

@wwb568109135
Copy link

@wwb568109135 没有看过 emp 这个项目,但是点进去看了下,它已经集成了 webpack5 了,说明更新很及时。

vue-mfe 严格来说不算微前端,只能算是微应用。而且仅支持 vue2 框架,使用 vue2 + vue-router + webpack4。不知道是否满足您的需求?

还是希望您完善这个项目的相关文档,emp对vue2的支持一般般,无法共享状态的问题,我打算用同源策略来解决数据共享状态的问题

@givingwu
Copy link
Owner Author

@wwb568109135 好的,计划周末重构项目,并会重新整理文档。文档主线“开发-构建-部署-上线”。再次谢谢你的建议。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants