发布时间:2023-05-05 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

使用 npm 包前提条件:

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

小程序使用 npm 包简述

1、初始化 package.json

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

3、下载 npm 包

4、构建 npm

不清楚的可以往下看详解

小程序使用 npm 包详解

1、初始化 package.json

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

npm init -y

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

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

2、勾选允许使用 npm (新版开发工具忽略此步骤,没有“使用npm模块”,默认可用npm下载)

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

 3、下载 npm 包

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

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

用npm下载PubSubJS的命令如下:

npm install pubsub-js

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

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

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

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

解决方法: 往下看下一步(构建 npm)

4、构建 npm

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

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

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

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