开发一个开源的自定义组件包给他人使用，首先需要明确他人是要如何使用这个包的，如果只是拷贝小程序目录下直接使用的话，可以跳过此文档。此文档是以 npm 管理自定义组件包的前提下进行开发构建的

话不多说先贴官方文档地址

小程序官网说明
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/trdparty.html
官网维护一个第三方组件项目包
https://github.com/wechat-miniprogram/miniprogram-custom-component
官网cli构建地址
https://github.com/wechat-miniprogram/miniprogram-cli

CLI初始化，先全局初始化（当然你也可以局部项目使用，或者配合npx使用）

npm install -g @wechat-miniprogram/miniprogram-cli
创建一个项目文件夹
miniprogram init --type custom-component（此时会让你输入一些信息，例如包名、作者，git仓库地址等）
打开项目，执行：npm i
参考如下官网说明

开发
安装依赖：
npm install
执行命令：
npm run dev
默认会在包根目录下生成 miniprogram_dev 目录，src 中的源代码会被构建并生成到 miniprogram_dev/components 目录下。如果需要监听文件变化动态构建，则可以执行命令：npm run watch
ps: 如果 minirpogram_dev 目录下已存在小程序 demo，执行npm run

如何开发微信第三方小程序组件相关推荐

HotApp小程序统计,第一个专业的微信第三方小程序统计工具
1.什么是HotApp小程序统计 HotApp小程序统计是第一个微信第三方小程序统计工具,就像做android 和 ios开发的人知道友盟统计一样,小程序也需要有个统计工具. HotApp小程序统计的 ...
Thinkphp开发微信商城小程序源码拼团小程序源码带后台+前端小程序拼团源码仿拼多多
码说明:Thinkphp开发微信商城小程序源码拼团小程序源码带后台+前端小程序拼团源码仿拼多多其它说明: 基于小程序的拼团应用,用户可通过拼团,随时发起拼团活动并分享给好友拼团是商品营销和售卖的一 ...
小程序服务商申请入口_[小程序开发服务商]第三方小程序（服务商）｜微信开放文档...
# 第三方微信小程序(服务提供商) 微信企业版的第三方服务提供商还可以开发小程序并关系到第三方应用,公布以后就可以让公司受权安裝并应用第三方微信小程序的登陆步骤与公司建造运用一些差别,关键差别是js ...
自己开发微信外卖小程序（记录）
描述自己准备开发一套微信外卖小程序,包含微信小程序用户端,商家接单小程序,商家管理平台PC端功能分析图后续会放上数据库设计图
如何查看微信第三方小程序页面路径
首选要有自己的微信小程序管理后台,登录后在右边工具下面选项,如图: 点击生成小程序码,进入如下页面微信端打开你要查看的小程序,右上角三个点的按钮,点进去, 4.然后点击更多资料,进去查找appid ...
微信小程序组件库开发记录
微信小程序组件库开发记录背景前言技术选型环境搭建安装 gulp 将`scss`编译为`wxss` 压缩`wxml`,`js`,`json`文件和图片拷贝文件到另一个目录删除目录整合创 ...
Apifox实战——微信的第三方小程序提审发布
什么是Apifox? 简单来讲就是整合了 Postman + Swagger + Mock + JMeter等几种工具,通过一套系统.一份数据,解决多个系统之间的数据同步问题.只要定义好 API 文档 ...
微信小程序全栈开发实践第二章微信小程序组件介绍及使用 -- 2.3 rich-text 组件，以及如何单击预览它的节点图片并保存
一.rich-text组件 nodes: [{name: 'div',attrs: {class: 'div_class',style: 'line-height: 20px;padding:20px ...
微信开放平台之第三方平台开发，模板小程序如何提交？
大家好,我是悟空码字 12月25日,天气晴朗,阳光普照,今天是圣诞节.因为疫情影响,小羊人的增多,街上放眼望去,人烟稀少.楼下除了几个十一二岁的小男孩在玩耍,也没有像往日老人悠闲打牌.小孩嬉戏那般热闹 ...
微信小程序(组件开发)
微信小程序介绍及开发准备(账号,软件) 小程序是什么? 小程序是一个不需要下载安装就可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下即可打开应用.也体现了用完即走的理念,用户不用关心是否 ...

如何开发微信第三方小程序组件

话不多说先贴官方文档地址

如何开发微信第三方小程序组件相关推荐

最新文章

热门文章