美文网首页
小程序引入第三方组件库

小程序引入第三方组件库

作者: lydia56 | 来源:发表于2019-07-25 14:54 被阅读0次

    以Vant Weapp为例:
    1.在微信开发者工具中,右键小程序文件夹,选择“在终端中打开”进入DOS命令环境,执行npm init完成初始化配置,在项目文件夹下生成package.json文件。
    2.在github上找到Vant Weapp库的安装说明,执行npm i vant-weapp -S --production命令安装
    3.点击小程序开发工具菜单中的“工具”-“构建npm”完成构建,在小程序项目目录下会生成"项目名_npm"的组件库文件夹
    4.在微信开发者工具快捷菜单最右面有个详情按钮,勾选“本地设置”-“使用npm模块”
    5.引用组件:在json文件的"usingComponents"配置项中设置要使用的组件。
    movie.json

    {
      "usingComponents":{
         "van-button":"vant-weapp/button"
      }
    }
    

    6.使用:在wxml文件中直接使用组件

    <van-button type="danger">危险按钮</van-button>
    

    相关文章

      网友评论

          本文标题:小程序引入第三方组件库

          本文链接:https://www.haomeiwen.com/subject/vhkhrctx.html