微信小程序模塊化使用vant-ui

1.小程序根目錄下下載vant-ui

npm init   //初始化
npm i vant-weapp -S --production    //安裝vant

2.構建npm(微信開發者工具------>工具------>構建npm)

構建完成後根目錄下會顯示miniprogram_npm文件夾

3.修改項目設置(微信開發者工具------>詳情------>勾選 ‘使用npm構建’)

4.將下載下來的@vant文件夾,node_modules,package移入miniprogram_npm文件夾

5.全局引入

//app.json
"usingComponents": {
    "van-button": "@vant/weapp/button/index"
  },

5.局部(頁面內)引入

//example.json
"usingComponents": {
    "van-button": "@vant/weapp/button/index"
  },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章