{"id":17355887,"url":"https://github.com/f-loat/vue-cli-plugin-qiankun","last_synced_at":"2025-04-10T03:57:16.497Z","repository":{"id":57395181,"uuid":"233010972","full_name":"F-loat/vue-cli-plugin-qiankun","owner":"F-loat","description":"🚀 qiankun plugin for vue-cli","archived":false,"fork":false,"pushed_at":"2020-06-04T11:07:54.000Z","size":670,"stargazers_count":168,"open_issues_count":7,"forks_count":26,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-10T03:57:11.638Z","etag":null,"topics":["micro-frontends","plugin","qiankun","single-spa","vue-cli"],"latest_commit_sha":null,"homepage":"https://f-loat.github.io/vue-cli-plugin-qiankun","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/F-loat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-01-10T09:19:50.000Z","updated_at":"2024-12-30T23:08:54.000Z","dependencies_parsed_at":"2022-09-02T18:30:47.295Z","dependency_job_id":null,"html_url":"https://github.com/F-loat/vue-cli-plugin-qiankun","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/F-loat%2Fvue-cli-plugin-qiankun","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/F-loat%2Fvue-cli-plugin-qiankun/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/F-loat%2Fvue-cli-plugin-qiankun/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/F-loat%2Fvue-cli-plugin-qiankun/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/F-loat","download_url":"https://codeload.github.com/F-loat/vue-cli-plugin-qiankun/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248154997,"owners_count":21056542,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["micro-frontends","plugin","qiankun","single-spa","vue-cli"],"created_at":"2024-10-15T17:46:35.922Z","updated_at":"2025-04-10T03:57:16.479Z","avatar_url":"https://github.com/F-loat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## vue-cli-plugin-qiankun\n\n\u003e qiankun plugin for vue-cli\n\n[![npm version](https://img.shields.io/npm/v/vue-cli-plugin-qiankun.svg?style=flat-square)](https://www.npmjs.com/package/vue-cli-plugin-qiankun) [![npm downloads](https://img.shields.io/npm/dt/vue-cli-plugin-qiankun.svg?style=flat-square)](https://www.npmjs.com/package/vue-cli-plugin-qiankun)\n\n### 使用步骤 (Use setup)\n\n1. 创建主应用 (Create master project)\n\n``` sh\n$ vue create master\n$ cd master\n$ vue add vue-cli-plugin-qiankun --type master\n```\n\n2. 创建子应用 (Create slave project)\n\n``` sh\n$ vue create foo-app\n$ cd foo-app\n$ vue add vue-cli-plugin-qiankun --type slave --port 8081\n```\n\n3. 配置主应用 (Config master project)\n\n\u003e master/src/App.vue\n\n``` vue\n\u003cscript\u003e\nexport default {\n  name: 'master',\n  data () {\n    return {\n      // ...\n      apps: [\n        { name: 'foo-app', entry: '//localhost:8081', container: '#appContainer', activeRule: '/foo-app' }\n      ]\n    }\n  },\n  // ...\n  methods: {\n    // ...\n    initQiankun () {\n      // ...\n      setDefaultMountApp('/foo-app')\n      // ...\n    }\n  }\n}\n\u003c/script\u003e\n```\n\n4. 运行各项目 (Run each project)\n\n``` sh\n$ cd master\n$ yarn serve\n```\n\n``` sh\n$ cd foo-app\n$ yarn serve\n```\n\n### 示例 (Examples)\n\n\u003e [DEMO](https://f-loat.github.io/vue-cli-plugin-qiankun)\n\n``` sh\n$ cd examples\n$ yarn\n$ yarn install:all\n$ yarn serve:all\n```\n\n### 功能 (Features)\n\n- 修改项目文件引入 qiankun 框架\n\n- 注入 qiankun 框架要求的构建配置\n\n- 自动配置 `publicPath` 处理资源路径\n\n### 致谢 (Acknowledgements)\n\n- [vue-cli](https://github.com/vuejs/vue-cli) Standard Tooling for Vue.js Development.\n\n- [qiankun](https://github.com/umijs/qiankun) Blazing fast, simple and completed solution for micro frontends.\n\n- [single-spa](https://github.com/CanopyTax/single-spa) What an awesome meta-framework for micro-frontends!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ff-loat%2Fvue-cli-plugin-qiankun","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ff-loat%2Fvue-cli-plugin-qiankun","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ff-loat%2Fvue-cli-plugin-qiankun/lists"}