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

引用方式分为两种
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包中则生成了只需要的包

按照第二步直接引用即可。

微信小程序--引用第三方组件相关推荐

微信小程序引用vant-UI组件
1.用微信开发者工具搭建一个小程序目录结构如图所示 2.引用vantUI组件步骤一 # 通过 npm 安装 npm i @vant/weapp -S --production # 通过 yarn ...
微信小程序引用Vant组件库message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内...
问题描述 message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内,或配置 project.config.json 的 pack ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...
微信小程序引用vant toast 提示 “未找到 van-toast 节点“
微信小程序引用vant 的toast 出现如下报错都是因为没有正确引入toast 组件正确引入toast 组件需要在三个文件中设置在 .wxml 文件的 view 内写入 <van-toa ...
A095_day01_微信小程序入门与组件
目录微信小程序入门与组件 - Day01 1.内容介绍 2.微信小程序简介(了解) 2.1.什么是小程序 2.2.微信小程序与app的区别 2.3.小程序在入口 2.4.微信小程序的工作原理 2.5 ...
微信小程序使用第三方库（第三方js）问题
比如很多人会有这样的问题: 小程序怎样引用第三方js呢? 第三方js是封装好的类库想引用进来实例化使用这个帖子就综合一下所有相关的知识,做一个整合,以便大家能够集中了了解:我觉得这个还是应该让大家 ...
微信小程序自定义标签组件component封装、组件生命周期，组件通信
微信小程序自定义标签组件component封装.组件生命周期,组件通信本文来说下小程序的自定义标签组件封装. 相比于vue,react的非路由组件,微信小程序的component组件要麻烦些,而且生 ...
微信小程序 — 长列表组件 recycle-view 详细教学
微信小程序 - 长列表组件 recycle-view 踩坑问题全解写在前面引入长列表组件 recycle-view 长列表组件 recycle-view 的使用问题一.如何增加下拉刷新功能? 问 ...
微信小程序引用vant Weapp
vant-weapp官网https://youzan.github.io/vant-weapp/#/quickstarthttps://youzan.github.io/vant-weapp/#/qu ...

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

一、使用npm安装

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

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

1、github下载源码

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

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

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

微信小程序--引用第三方组件相关推荐

最新文章

热门文章

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

一、使用npm安装

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

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

1、github下载源码

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

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

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

微信小程序--引用第三方组件相关推荐

最新文章

热门文章

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

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