1.在微信小程序中使用Vant Weap （http://vant-contrib.gitee.io/vant-weapp/#/quickstart）
npm init -y # 初始化npm (必須先初始，不然先構建不成功 -y全是yes)
npm i @vant/weapp -S --production （安裝--production 目的是減少安裝一些業務無關的包，從而減少整個小程序的大小。）
2.微信開發者工具中設置
3.必須在小程序根目錄中創建
此處並沒有強制要求 node_modules 必須在小程序根目錄下（即 project.config.js 中的
miniprogramRoot字段），也可以存在於小程序根目錄下的各個子目錄中。
但是不允許 node_modules 在小程序根目錄外。
所以：npm包應放在小程序根目錄下，而我搞混了小程序目錄和項目根目錄
小程序根目錄(為 /project.config.json 中 miniprogramRoot字段指定)
項目根目錄(為 / )是兩個不同位置
構建成功：
4.如何引入
// 全局引入app.json 或 單個文件內的xx.json文件 "usingComponents": { "van-button": "@vant/weapp/button/index" }
1：js中引入npm包
const myPackage = require(
'packageName'
)
const packageOther = require(
'packageName/other'
)
2：使用 npm 包中的自定義組件
在json文件的usingComponents參數加上：
{
"usingComponents"
: {
"myPackage"
:
"packageName"
,
"package-other"
:
"packageName/other"
}
}
使用npm實例：
1：js中引入npm包：
此例使用js-base64包實現，在你需要使用此包的js文件中引入npm包
const jsBase64 = require(
'js-base64'
);
使用：
console.log(jsBase64.Base64.encode(
"haha"
));
//編碼
console.log(jsBase64.Base64.decode(
"aGFoYQ=="
));
//解碼
轉：https://segmentfault.com/a/1190000021349598?utm_source=tag-newest
轉：https://www.jb51.net/article/167545.htm