开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
开发 > 框架 > 自定义组件 > 发布自定义组件
贡献者
收藏
订阅更新
我的文档
设置
支付宝小程序原生支持引入第三方 npm 模块。因此,自定义组件也支持发布到 npm,方便开发者复用和分享。
文件结构
以下是发布自定义组件的推荐文件结构,仅供参考 。
plain text
复制代码
├── src // 单个自定义组件文件夹
│ ├── index.js
│ ├── index.json
│ ├── index.axml
│ ├── index.acss
│ └── demo // 自定义组件的演示 demo 文件夹
│ ├── index.js
│ ├── index.json
│ ├── index.axml
│ └── index.acss
├── app.js // 为自定义组件小程序 demo 配置 app.js 文件
├── app.json
└── app.acss
.json 示例代码
json
复制代码
// package.json
{
"name": "your-custom-compnent",
"version": "1.0.0",
"description": "your-custom-compnent",
"repository": {
"type": "git",
"url": "your-custom-compnent-repository-url"
},
"files": [
"es"
],
"keywords": [
"custom-component",
"mini-program"
],
"devdependencies": {
"rc-tools": "6.x"
},
"scripts": {
"build": "rc-tools run compile && node scripts/cp.js && node scripts/rm.js",
"pub": "git push origin && npm run build && npm publish"
}
}
.js 示例代码
上传组件到 npm
1. 打包组件
运行 npm run dist  生成 生产环境构建目录
2. 注册 npm 账号
进入 ,注册账号。
注意:若验证邮箱不通过,发布时会出现 e403 错误。
3. 登录账号并发布
1登录注册的账号: npm login\npm adduser
2查看是否登录成功: npm whoami
3发布组件包: npm publish 发布成功后可在 npm 的个人中心的 packages 里看到。
相关文档

内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图