如何在小程序裏面 使用支持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組件了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章