微信小程序 自动构建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> 就可以了.