All Projects → F-loat → Vue Cli Plugin Qiankun

F-loat / Vue Cli Plugin Qiankun

Licence: mit
🚀 qiankun plugin for vue-cli

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Cli Plugin Qiankun

Vue Cli Plugin P11n
🔌 Vue CLI 3 plugin to pluginize your Vue project
Stars: ✭ 117 (-22.52%)
Mutual labels:  vue-cli, plugin
Vue Cli Plugin Browser Extension
Browser extension development plugin for vue-cli 3.0
Stars: ✭ 238 (+57.62%)
Mutual labels:  vue-cli, plugin
Vue Cli Plugin I18n
🌐 Vue CLI plugin to add vue-i18n to your Vue Project
Stars: ✭ 172 (+13.91%)
Mutual labels:  vue-cli, plugin
Vue Plugin Boilerplate
🔩 Boilerplate for Vue.js plugin
Stars: ✭ 143 (-5.3%)
Mutual labels:  vue-cli, plugin
Strapi Middleware Cache
🔌 A cache middleware for https://strapi.io
Stars: ✭ 146 (-3.31%)
Mutual labels:  plugin
Google Java Format Gradle Plugin
Stars: ✭ 147 (-2.65%)
Mutual labels:  plugin
Douban Movie
🎥The douban-movie Application built with webpack + vue + vuex + vue-router + iView.
Stars: ✭ 147 (-2.65%)
Mutual labels:  vue-cli
Sonar Cnes Report
Generates analysis reports from SonarQube web API.
Stars: ✭ 145 (-3.97%)
Mutual labels:  plugin
Hexo Wordcount
A Word Count Plugin for Hexo
Stars: ✭ 150 (-0.66%)
Mutual labels:  plugin
Filepicker Plugin For Xamarin And Windows
FilePicker Plugin for Xamarin and Windows
Stars: ✭ 151 (+0%)
Mutual labels:  plugin
Klaksyphon
Syphon plugin for Unity
Stars: ✭ 149 (-1.32%)
Mutual labels:  plugin
Mobarena
MobArena plugin for Minecraft
Stars: ✭ 147 (-2.65%)
Mutual labels:  plugin
Gpk admin
✨ GeekPark Content Management System
Stars: ✭ 150 (-0.66%)
Mutual labels:  vue-cli
Lagmonitor
Monitor performance of your Minecraft server. Similar to VisualVM and Java Mission Control.
Stars: ✭ 147 (-2.65%)
Mutual labels:  plugin
Css Modal
A modal built with pure CSS, enhanced with JavaScript
Stars: ✭ 1,829 (+1111.26%)
Mutual labels:  plugin
Hyper Search
Search-text plugin for Hyper.js
Stars: ✭ 146 (-3.31%)
Mutual labels:  plugin
Vue Breadcrumbs
Breadcrumbs for Vue.js
Stars: ✭ 148 (-1.99%)
Mutual labels:  plugin
Runwayml For Unity
RunwayML for Unity 🎯
Stars: ✭ 151 (+0%)
Mutual labels:  plugin
Git Self Blame
Stop trying to always blame others and take some responsibility already.
Stars: ✭ 148 (-1.99%)
Mutual labels:  plugin
Iris.vim
📫 Simple mail client for Vim.
Stars: ✭ 148 (-1.99%)
Mutual labels:  plugin

vue-cli-plugin-qiankun

qiankun plugin for vue-cli

npm version npm downloads

使用步骤 (Use setup)

  1. 创建主应用 (Create master project)
$ vue create master
$ cd master
$ vue add vue-cli-plugin-qiankun --type master
  1. 创建子应用 (Create slave project)
$ vue create foo-app
$ cd foo-app
$ vue add vue-cli-plugin-qiankun --type slave --port 8081
  1. 配置主应用 (Config master project)

master/src/App.vue

<script>
export default {
  name: 'master',
  data () {
    return {
      // ...
      apps: [
        { name: 'foo-app', entry: '//localhost:8081', container: '#appContainer', activeRule: '/foo-app' }
      ]
    }
  },
  // ...
  methods: {
    // ...
    initQiankun () {
      // ...
      setDefaultMountApp('/foo-app')
      // ...
    }
  }
}
</script>
  1. 运行各项目 (Run each project)
$ cd master
$ yarn serve
$ cd foo-app
$ yarn serve

示例 (Examples)

DEMO

$ cd examples
$ yarn
$ yarn install:all
$ yarn serve:all

功能 (Features)

  • 修改项目文件引入 qiankun 框架

  • 注入 qiankun 框架要求的构建配置

  • 自动配置 publicPath 处理资源路径

致谢 (Acknowledgements)

  • vue-cli Standard Tooling for Vue.js Development.

  • qiankun Blazing fast, simple and completed solution for micro frontends.

  • single-spa What an awesome meta-framework for micro-frontends!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].