目前小程序已经支持使用npm
安装第三方的包,来提升小程序的开发效率。但是小程序使用npm
有如下限制:
1、不支持依赖于NodeJS
模块的包(如第三方包依赖NodeJS
的path
、fs
等模块)
2、不支持依赖于浏览器内置对象的包(如jQuery
库)
3、不支持依赖于C++
的包(如一些负责加密的包底层依赖于C++
)
所以小程序中能使用的包是非常受限的!!!
VantWeapp
VantWeapp
是有赞前端团队开源的一套小程序UI
组件库,助力开发者快速搭建小程序应用。
Vant Weapp - 轻量、可靠的小程序 UI 组件库
使用 Vant 库
1、使用npm
进行安装
# 通过 npm 安装
npm i @vant/weapp -S --production
# 通过 yarn 安装
yarn add @vant/weapp --production
# 安装 0.x 版本
npm i vant-weapp -S --production
2、将app.json
中的"style": "v2"
去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱
3、构建npm
包
4、在你要使用组件的json
文件进行配置
{
"usingComponents": {
"my-test1":"/components/test1/test1",
"van-button": "@vant/weapp/button/index"
}
}
5、进行使用
这是一个 Vant 的按钮
<van-button type="primary">按钮</van-button>