1. 程式人生 > 實用技巧 >微信小程式 自動構建npm

微信小程式 自動構建npm

  微信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> 就可以了.