npm 支持
從小程序基礎(chǔ)庫(kù)版本?2.2.1?或以上夭苗、及開(kāi)發(fā)者工具?1.02.1808300 或以上開(kāi)始皆串,小程序支持使用 npm 安裝第三方包祠墅。
以 vant-weapp 為例
一难审、安裝第三方npm包
在小程序工程的根目錄下打開(kāi)終端執(zhí)行安裝命令:
npm i vant-weapp -S --production
vant-weapp? 安裝
二沙绝、構(gòu)建 npm
保證微信開(kāi)發(fā)者工具為最新版本(必需);
1踏志、在右上角 詳情 =》本地設(shè)置 中勾選 使用 npm 模塊
2阀捅、工具欄中構(gòu)建 npm
構(gòu)建完成后會(huì)給提示
這一步完成之后你會(huì)看到跟node_modules同級(jí)多了一個(gè)文件夾?miniporgram_npm
注:微信開(kāi)發(fā)者工具 將 node_modules 隱藏,在根目錄中可查看针余。
三、引用模塊
需要在 app.json 或 index.json 或 其他頁(yè)面 .json 文件中配置 Button 對(duì)應(yīng)的路徑凄诞。
app.json 為全局引入圆雁,index.json 為局部引入,根據(jù)自身需要引入即可帆谍。
js 中引入 npm 包:
const myPackage = require( ' packageName ' );
const packageOther = require( ' packageName/other ' );
四伪朽、使用組件
引入組件后,可以在 wxml 中直接使用組件