使用 npm 包前提條件:
下載安裝,配置npm環(huán)境變量,不懂得可以上網(wǎng)查教程,本文不再描述
小程序使用 npm 包簡述
1、初始化 package.json
2、勾選允許使用 npm(新版微信小程序開發(fā)工具忽略這一步)
3、下載 npm 包
4、構(gòu)建 npm
不清楚的可以往下看詳解
小程序使用 npm 包詳解
1、初始化 package.json
在小程序開發(fā)工具"終端"輸入:
npm init -y
執(zhí)行命令成功后自動(dòng)生成的package.json如下圖所示:
2、勾選允許使用 npm (新版開發(fā)工具忽略此步驟,沒有“使用npm模塊”,默認(rèn)可用npm下載)
?
?3、下載 npm 包
需求:使用PubSubJS完成兩個(gè)小程序界面的通訊,PubSubJS在github上的鏈接如下:
GitHub - mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript
用npm下載PubSubJS的命令如下:
npm install pubsub-js
結(jié)果:下載成功后如下圖所示
?問題:出現(xiàn)報(bào)錯(cuò)日志如下圖所示
解決方法:?往下看下一步(構(gòu)建 npm)
4、構(gòu)建 npm
狀態(tài)欄? —>? 工具? —>? 構(gòu)建npm?
執(zhí)行成功后,報(bào)錯(cuò)消失,同時(shí)會(huì)將 node_modules 中的包打包到 miniprogram_npm 中,效果如下圖所示文章來源:http://www.zghlxwxcb.cn/news/detail-405557.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-405557.html
到了這里,關(guān)于微信小程序使用 npm 包,舉例圖文詳解的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!