美文网首页
微信小程序系列——拓展组件库weui的npm引入

微信小程序系列——拓展组件库weui的npm引入

作者: wuailing | 来源:发表于2020-06-01 16:36 被阅读0次

    前言

    在引入之前,需要安装nodejs作为运行环境,具体操作网上可以搜得到!

    以引入vant为例:

    1、step1 右键miniprogram,选择“在终端打开选项”

    image

    2、step2 初始化npm

    输入npm init,下面的选择都用回车即可

    3、step3 安装weui的依赖

    npm i weui-miniprogram -S --production

    4、step4 构建npm

    image image

    5、step5 使用npm模块

    image

    6、wxss中引入组件的样式

    @import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

    7、在app.json或者index.json中引入组件

    "usingComponents": {
    "mp-toptips": "../../miniprogram_npm/weui-miniprogram/toptips/toptips"
    }

    8、在对应页面的 wxml 中直接使用该组件

    <mp-toptips msg="{{tips}}" type="success" show="{{tips}}"></mp-toptips>

    相关文章

      网友评论

          本文标题:微信小程序系列——拓展组件库weui的npm引入

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