-
Notifications
You must be signed in to change notification settings - Fork 1.3k
[组件篇2] 组件开发脚手架
小小鲁班 edited this page Nov 24, 2019
·
2 revisions
自定义组件开发脚手架 仓库地址:https://github.com/luban-h5/vue-cli-plugin-lbhc
-
为了丰富鲁班的组件的生态系统,除了官方的组件库之外,可以允许开发者开发自己的组件库,将其添加到鲁班系统中
-
如何开发
- 提供脚手架(类似 vue-cli),可以:本地开发组件 + 该组件对应的编辑器 + 预览组件
- 将组件发布到npm或私有npm
- 在个人账号 -> 组件列表 中,添加组件信息,大概如下:
// 共有组件,建议发布至npm 上, 共有组件将会直接使用 upkg 提供的cdn 服务进行加载 luban-component-button@0.0.0 luban-component-calendar@0.0.0 luban-component-text@0.0.0 // 私有仓库,需要直接提供可以访问的组件资源地址, 压缩混淆之后的资源 your-cdn-domain.com/components/button.js your-cdn-domain.com/components/calendar.js your-cdn-domain.com/components/text.js
-
鲁班会对上述资源进行检测、加载,加载成功会显示在可选组件可选列表中