小程序开发-使用npm包

微信小程序引用npm包

微信小程序官方支持使用npm包,地址为 https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

实际上我们创建的小程序模板中没有 package.json , 导致开发者工具中的 构建npm 执行操作不成功

需要先配置好node和npm环境,在cmd命令窗口中可以使用这两个命令。
然后增加如下步骤:

  1. 在创建小程序项目自动生成的miniprogram中反键----> 在终端中打开;
  2. 在打开的cmd窗口中输入命令 npm init, 一直按Enter, 会自动构建package.json文件;
  3. 构建完package.json文件后,我们就可以添加对应的npm包了
  4. 输入命令 npm install -S --production [对应npm包], 会在当前目录生成node_modules目录,里面包含对应npm包
  5. 点击开发者工具栏的 工具 -> 构建npm ,会有 完成构建... 等提示,此时会生成 miniprogram_npm 目录
  6. 在对应的js文件中使用 require("npm包") 就可以使用啦
posted @ 2020-09-01 10:55  小黎爱学习  阅读(274)  评论(0编辑  收藏  举报