微信小程序引入vant Weapp组件

    技术2022-07-11  140

    微信小程序引入vant Weapp组件

    步骤:

    1. 打开终端:

    先初始化:

    npm init -y

    然后进行安装

    npm install --production npm i @vant/weapp -S --production

    2. 需要在微信开发者工具,点击工具==>>构建npm

    并点击详情,勾选 使用 npm 模块 选项,构建完成后,即可引入组件

    3. 将组建从nodemodel 里面拎出来

    4.引入组件

    在你需要使用的子页面的 .json文件当中根据你的具体路径来引用 (好像只有相对路径可以引用)

    { "usingComponents": { "van-tabbar": "../weapp/dist/tabbar", "van-tabbar-item": "../weapp/dist/tabbar-item/index" } }
    Processed: 0.015, SQL: 9