小程序构建npm包的使用


步骤一:

在miniprogram文件中,打开终端。

小程序构建npm包的使用_第1张图片
Snip20190301_10.png

小程序构建npm包的使用_第2张图片
Snip20190301_11.png

步骤二:

npm init 创建 package.json。
然后按照npm包
文档:https://youzan.github.io/vant/#/zh-CN/button

# npm
npm i vant-weapp -S --production

命令行里会以交互的形式让你填一些项目的介绍信息,依次介绍如下:(不知道怎么填的直接回车、回车...)
name 项目名称
version 项目的版本号
description 项目的描述信息
entry point 项目的入口文件
test command 项目启动时脚本命令
git repository 如果你有 Git 地址,可以将这个项目放到你的 Git 仓库里
keywords 关键词
author 作者叫啥
license 项目要发行的时候需要的证书,平时玩玩忽略它

小程序构建npm包的使用_第3张图片
image.png

步骤三:

点击工具,构建npm
然后在详细页面,勾选使用npm

小程序构建npm包的使用_第4张图片
Snip20190301_12.png

步骤四:

在相应的页面引入需要的模块

{
  "usingComponents": {
    "van-button": "../../miniprogram_npm/vant-weapp/button/index"
  }
}
小程序构建npm包的使用_第5张图片
Snip20190301_13.png

你可能感兴趣的:(小程序构建npm包的使用)