vue-cli-plugin-qiankun
v1.0.1
Published
qiankun plugin for vue-cli
Downloads
27
Maintainers
Readme
vue-cli-plugin-qiankun
qiankun plugin for vue-cli
使用步骤 (Use setup)
- 创建主应用 (Create master project)
$ vue create master
$ cd master
$ vue add vue-cli-plugin-qiankun --type master
- 创建子应用 (Create slave project)
$ vue create foo-app
$ cd foo-app
$ vue add vue-cli-plugin-qiankun --type slave --port 8081
- 配置主应用 (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>
- 运行各项目 (Run each project)
$ cd master
$ yarn serve
$ cd foo-app
$ yarn serve
示例 (Examples)
$ 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!