微信小程序复习三(组件)

一、weUI使用
weUI安装
1.app.json中
“useExtendedLib”: {
“weui”: true
},
2.app.json中引入组件
“usingComponents”: {
“mp-icon”: “weui-miniprogram/icon/icon”
}
3.wxml中使用

二、vant组件安装:
1.npm init
2.npm i @vant/weapp -S --production
3.小程序开发者工具，右上角勾选，使用npm 模块
4.工具–构建npm
5.在app.json中注册组件
“usingComponents”: {
“van-button”: “@vant/weapp/button/index”,
“van-cell”: “@vant/weapp/cell/index”,
“van-icon”: “@vant/weapp/icon/index”,
“van-action-sheet”: “@vant/weapp/action-sheet/index”
},

6.project.config.json中配置
“packNpmManually”: true,
“packNpmRelationList”: [
{
“packageJsonPath”: “./package.json”,
“miniprogramNpmDistDir”: “./miniprogram/”
}
],
7.在wxml中直接使用
弹出action

三、压缩
目前小程序分包大小的限制
整个小程序所有分包大小不超过 8M
单个分包/主包大小不能超过 2M

1.压缩图片
添加链接描述

2.图片用外置服务器cdn导入
添加链接描述

3.添加链接描述