微信小程序使用npm包的方法步骤_微信开发者平台 nmp

提示：用于自己学习

---

前言

提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、npm初始化

如果你的小程序项目没有安装过npm包的话，你需要先初始化npm

npm init
1

二、安装npm包

这里以vant-weapp(小程序UI组件库)为例：

npm i vant-weapp -S --production
1

三、npm包构建

1：点击微信开发者工具右上角详情——>本地设置，选中使用npm模块

修改相关参数

2：点击微信开发者工具菜单栏的工具，选择构建npm

当显示如下表示npm构建成功，构建完成就可以使用npm包了

npm包构建完成之后项目的结构如下：

四、报错未找到package.json

在根目录下创建package.json

{
  "name": "", //自定义
  "version": "1.0.0",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@vant/weapp": "^1.10.3",
    "crypto-js": "^4.1.1",
    "miniprogram-sm-crypto": "^0.3.8"
  },
  "devDependencies": {},
  "description": ""
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

总结

链接：https://www.jb51.net/article/167545.htm