小程序怎么使用npm

2019-01-21 18:40:44
129
Wecha App Javascript

官方文档:

https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html


我们以vant weapp ui组件为例 来演示怎么在小程序中使用npm来构建


1:我们在小程序初始化 npm

npm init


2:在小程序中加载npm包

npm install --production


3: 安装vant

npm i vant-weapp -S --production



小程序会在根目录生成一个miniprogram_npm的目录 我们需要在开发者工具点击构建npm 


construction


勾选使用 npm 模块 


image.png


这两步一定要做



然后我们在页面中使用 vant

{
"usingComponents": {
"van-button": "/miniprogram_npm/vant-weapp/button/index"
}
}
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>



说下步骤

npm init

npm install --production

npm i vant-weapp -S --production


完成 

最新评论
总共 0 条评论
还没有评论,快来抢沙发吧!