givingwu / vue-mfe

✨ The easiest way to build a Vue.js micro front-end App.
https://vue-mfe.netlify.com
Other
43 stars 9 forks source link

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

Open givingwu opened 4 years ago

givingwu commented 4 years ago
  1. 需要 SubApp2 显示暴露组件
    
    import VueMfe from 'vue-mfe'
    import routes from './router/routes'

export default VueMfe.createSubApp({ prefix: 'SubApp2', routes, components: { LazyComponent: () => import('./components/LazyComponent'), } })

2. 打包 SubApp2 上传到 OSS or CDN 服务器
3. 通过 `VueMfe.lazy('SubApp2.components.LazyComponent')` 配合 Vue Async component 方式懒加载组件

```js
import VueMfe from 'vue-mfe'

export default {
  name: 'PageIndex',
  components: {
    LazyComponent: () => VueMfe.Lazy('SubApp2.components.LazyComponent')
  }
}
wwb568109135 commented 3 years ago

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

givingwu commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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

wwb568109135 commented 3 years ago

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

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

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

givingwu commented 3 years ago

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

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

wwb568109135 commented 3 years ago

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

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

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

givingwu commented 3 years ago

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