微信小程序使用 npm 包，举例图文详解-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序使用 npm 包，举例图文详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

下载安装，配置npm环境变量，不懂得可以上网查教程，本文不再描述

1、初始化 package.json

2、勾选允许使用 npm（新版微信小程序开发工具忽略这一步）

3、下载 npm 包

4、构建 npm

不清楚的可以往下看详解

在小程序开发工具"终端"输入：

npm init -y

执行命令成功后自动生成的package.json如下图所示：

微信小程序使用 npm 包，举例图文详解

微信小程序使用 npm 包，举例图文详解

需求：使用PubSubJS完成两个小程序界面的通讯，PubSubJS在github上的链接如下：

GitHub - mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript

用npm下载PubSubJS的命令如下：

npm install pubsub-js

结果：下载成功后如下图所示

微信小程序使用 npm 包，举例图文详解

问题：出现报错日志如下图所示

微信小程序使用 npm 包，举例图文详解

解决方法： 往下看下一步（构建 npm）

状态栏 —> 工具 —> 构建npm

微信小程序使用 npm 包，举例图文详解

执行成功后，报错消失，同时会将 node_modules 中的包打包到 miniprogram_npm 中，效果如下图所示

微信小程序使用 npm 包，举例图文详解文章来源地址https://www.toymoban.com/news/detail-405557.html

到了这里，关于微信小程序使用 npm 包，举例图文详解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

微信小程序使用 npm 包，举例图文详解