F-loat / Vue Cli Plugin Qiankun
Licence: mit
🚀 qiankun plugin for vue-cli
Stars: ✭ 151
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
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
Filepicker Plugin For Xamarin And Windows
FilePicker Plugin for Xamarin and Windows
Stars: ✭ 151 (+0%)
Mutual labels: plugin
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
Git Self Blame
Stop trying to always blame others and take some responsibility already.
Stars: ✭ 148 (-1.99%)
Mutual labels: plugin
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!
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].