/mfe

基于m2微前端架构实战项目

Primary LanguageJavaScript

基于M2微前端框架搭建的企业级微前端框架应用。

运行步骤

  • 首先全局安装m2-cli (如果你已安装，请忽略)
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

安装子应用

  • 通过m2命令行一键下载项目脚手架
m2 init (也可使用别名m2 i)
  • 然后会依次提示您输入项目名称，描述，类型，作者等信息（不输入将采用默认值）
  • 当出现Project init successfully表示项目脚手架已下载成功
  • 运行项目之前，查看主项目public/apps.conf.json中配置的name,port
  • 修改对应子项目的package.json的name和vue.config.js中的port
  • 按照操作指引安装依赖，运行项目即可

提示：如果你忘记修改项目名称，描述等信息，可直接下载完成后修改package.json中的name,title,author,description以及repository.url

  • 接下来，就开始你的快乐编程之旅把!