微信小程序 || 拓展组件库weui的npm引入

1.首先项目中要先初始化npm得到

项目的命令行:
npm init

2.然后会有一些默认配置,全程回车,最后会得到这3个文件
微信小程序 || 拓展组件库weui的npm引入_第1张图片
3.安装weui的依赖

npm i weui-miniprogram -S --production

4.然后再在开发者工具中:工具–构建npm 得到一个新的文件
微信小程序 || 拓展组件库weui的npm引入_第2张图片
5.设置勾选:
微信小程序 || 拓展组件库weui的npm引入_第3张图片
6.app.wxss中引入组件的样式

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

7.然后可以在页面中引入 dialog 弹窗组件

首先在页面的 json 文件加入 usingComponents 配置字段

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

8.然后可以在对应页面的 wxml 中直接使用该组件


你可能感兴趣的:(微信小程序)