1. 程式人生 > >如何在小程式裡面 使用支援npm匯入第三方庫

如何在小程式裡面 使用支援npm匯入第三方庫

https://segmentfault.com/a/1190000016376876

 

以 有贊新出的vant小程式ui庫來講解如何匯入npm資源 為例

第一步:

在小程式工程的根目錄下執行:

npm i vant-weapp -S --production

第二步:

保證當前你的微信開發者工具是最新版本,然後點選執行“構建npm“

第三步:

這時候當我們需要在一個頁面中呼叫vant元件,那麼就要在對應的頁面json中新增類似如下配置:

"usingComponents":{

    "van-button":"/miniprogram_npm/vant-weapp/button/index"

}

接著你就可以在wxml中直接呼叫這個ui元件了