微信小程序--引用第三方组件

引用方式分为两种
1、使用npm安装 【方便更新 推荐】
2、直接引用dist文件

按需加载组件库中的组件可以使用
3、lin-ui 组件库中的配置

一、使用npm安装

1、安装nodejs环境
在这里插入图片描述
2、使用命令行初始化package json文件
打开小程序根目录
使用npm init初始化
在这里插入图片描述
在这里插入图片描述
3、安装第三方组件
init之后打开小程序会发现多了一个json文件
修改json文件 增加depnedencies
在这里插入图片描述
进入命令行 输入 npm i (i是 install的简写)
在这里插入图片描述
在这里插入图片描述
安装成功后 微信小程序会多出 node_modules 文件夹
在这里插入图片描述
选择工具 -构建npm 提示成功即可。
在这里插入图片描述
在这里插入图片描述
成功后 会多处来mini 包,node-modules就没用了 可以直接删除 也可以留着,不影响小程序的打包。
在这里插入图片描述

二、直接下载dist包添加到项目中

直接到github上下载dist包
在这里插入图片描述
在这里插入图片描述

三、lin-ui 支持按需加载组件

1、github下载源码

在这里插入图片描述

2、使用命令行打开下载的源码的根目录 并安装依赖

在这里插入图片描述
安装成功后如下
在这里插入图片描述

3、修改config下面的 components.json 只填写需要用到的组件

在这里插入图片描述

4、生成dist包 如果已经存在则先删除

在这里插入图片描述
dist包中则生成了 只需要的包
在这里插入图片描述
按照第二步 直接引用即可。

猜你喜欢

转载自blog.csdn.net/Bthm_123/article/details/125490941