Admincraft 基于Vue的微前端实现

776 阅读1分钟

Admincraft

github.com/mqhe2007/ad…

介绍

Admincraft 是一个基于Vue并且支持模块化分布部署和加载的微前端实现。

Admincraft 名称借鉴自“Minecraft”。也是希望 Admincraft 能够像“Minecraft”一样成为一个灵活自由强大的工具,为中后台应用的快速开发寻找一个新的方式。 (后来发现同名工程不少,哈哈,就这吧。)

特性

减少重复劳动

每次开始新项目不必从零开始,安装好admincraft就完成了10%的工作。

Vue驱动

admincraft 基于 vue 的最佳实践方案,并且可以再实例化前自由扩展 Vue。

自由拆分

使用了admincraft既可把代码打包成“模块”单独部署,又能在任何时候加载一个模块,看起来就像是一节火车车厢,可以首尾相连就成了一列火车。

安装

yarn add admincraft

快速开始

// 导入Admincraft构造函数
import Admincraft from 'admincraft'
// 创建挂载DOM
let appElement = document.createElement('div')
document.body.appendChild(appElement)
// 实例化
let admincraft = new Admincraft()
admincraft.$mount(appElement)

详细用法请阅读使用文档

本项目是从效率出发产生的思考实践,未必是最佳实践,希望大家批评指正!