微信小程序开发 npm 自定义组件

最新推荐文章于 2026-05-24 13:44:23 发布

原创最新推荐文章于 2026-05-24 13:44:23 发布 · 495 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#小程序 #npm

收录于

本文详细介绍了微信小程序自定义组件的开发过程，包括安装必要的支持库，使用命令行工具初始化项目，开发阶段的依赖安装和打包，以及发布步骤如登录、发布和撤销。重点讲解了npm命令在项目构建和管理中的应用，如`npm run dev`用于本地开发，`npm run build`进行打包，`npm publish`和`npm unpublish`进行发布和撤销。此外，还提到了`wx-signature`组件在微信小程序签名功能中的应用。

1.安装必要支持
官网文档

2、
官方提供了命令行工具，用于快速初始化一个项目。执行如下命令安装命令行工具：

npm install -g @wechat-miniprogram/miniprogram-cli

然后新建一个空目录作为项目根目录，在此根目录下执行：

miniprogram init --type custom-component

开发

安装依赖：

npm install

执行命令：

//此命令将src中的文件打包至此，以便于测试；
npm run dev

打包发布；

npm run build

发布

//登录
npm login
//发布
npm publish
//删除
npm unpublish --force //强制删除
npm unpublish packageName@1.0.0 //指定版本号
npm deprecate //某些情况
npm unpublish packageName --force //npm撤销（24小时内可以撤销）