微信小程式 自動構建npm
阿新 • • 發佈:2020-11-21
微信npm官方地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
準備:
npm init
進入設定=> 名稱什麼的,設定完成之後會在根目錄新增一個package.json檔案
使用:
以vant 安裝為例
vant官網:https://youzan.github.io/vant-weapp/#/quickstart
安裝命令 npm i @vant/weapp -S --production
安裝完成會新增一個node_modules目錄
使用安裝的vant
開啟 開發者工具的 右上角的詳情 =>本地設定=>使用npm模組(如果設定好的話可以忽略此步驟)
找到工具 => 構建npm
會新增一個miniprogram_npm 目錄
測試:
將 app.json 中的 "style": "v2"
去除
在index.json中引入
"usingComponents":{
"van-button":"@vant/weapp/button/index" } index.wxml <van-button>vant按鈕</van-button> 就可以了.