功能介绍
背景
爱速搭通过内置上百种功能组件（120+）实现绝大部分中后台页面的可视化设计能力，但对于大量定制 UI或极为复杂或特殊的交互的页面，使用爱速搭实现会比较困难。因此，平台提供一种自定义组件扩展机制，满足用户补充定制化的功能组件和业务组件，丰富可视化搭建物料，实现复杂业务场景的页面设计能力。
功能介绍
1、NPM组件扩展包是一种本地IDE纯Coding开发模式，自由度极高，支持开发任何复杂业务场景的自定义组件。为方便用户在本地开发自定义组件，平台提供了一套自定义组件扩展包的开发工具（amis-widget-cli），支持各类自定义组件模板下载、本地预览、平台预览（linkDebug）、编译等一系列辅助工具方法；
2、支持同时扩展多个自定义组件，因此一个组件扩展包中可以放置多个不同类型的自定义组件，比如 multiple-custom-widget-template 内含 三种技术栈的自定义组件，导入平台后，会导入react-info-card、hello-jquery、vue-info-card 三种类型的自定义组件；
3、支持多种技术栈：vue2.0、vue3.0、react、jQuery，因此你可以选用自己熟悉的一种技术栈来开发自定义组件；
4、支持三种类型的自定义组件扩展和补充：
- amis自定义组件：用于扩展和补充 web应用/普通页面 的组件物料；
- 跨端自定义组件：用于展和补充 移动应用 中的组件物料；
- 快应用自定义组件：用于展和补充 快应用和快应用卡片 中的组件物料。
关于跨端和快应用自定义组件
爱速搭通过「同一个DSL可视化编辑器」+「多套运行时」实现一次搭建可构建多客户端应用程序代码，让用户借助低代码平台快速搭建H5、APP、快应用和各类小程序应用。
当前爱速搭移动应用和快应用通过aipage-editor实现可视化页面设计，可在线设计H5、小程序、快应用和APP等页面，其中APP和各类小程序发布时使用uniapp封装运行时承载页面渲染和展示，快应用页面使用快应用运行时承载页面渲染和展示。基于当前情况，平台需要补充 H5版、uniapp版和快应用版自定义组件扩展机制。
其中H5自定义组件扩展机制用于实现「跨端」和「快应用」自定义组件平台预览和使用（主要指在编辑器端预览和使用）。
关于开发NPM组件扩展包的一些建议
- NPM扩展包构建的时候默认会剔除掉第三方npm依赖，应用使用多个扩展包时，第三方依赖只会打包一次，不会重复打包；
- 尽可能将同一类型的自定义组件放在一个NPM扩展包，多个自定义组件或者多个NPM扩展包都会用到的公共模块建议封装成单独的NPM模块，通过NPM依赖的形式使用；