在小程序中使用npm包

  1. 如果小程序中是第一次使用npm,是没有package.json文件的,所以直接npm install --production就会告诉你,没有什么可安装的,就不会创建node_modules文件夹,所以一定要先npm init,初始化npm;
  2. 如果小程序中已经有package.json文件,直接npm install --production就可以了;
  3. 如果想引入哪一个npm包时,直接npm install (包名称) --production就可以了;
  4. 在引入npm包以后,要记得构建npm和允许使用npm:构建的位置在小程序开发工具–>工具 --> 构建 npm ,允许使用npm,在小程序开发工具–>详情–> 使用npm模块;
  5. 在小程序中使用引入的npm包时,需要先在.js中请求/导入这个文件,请求/导入方法为:
 const 变量名 = require('npm包名称');//方法1
import { 变量名 } from 'npm包名称' //方法2
  1. 如果是一个方法的话,直接在js文件中使用就可以了,如果是一个组件的话,需要在.json文件中添加自定义组件配置,然后直接使用组件就可以了:
{
  "usingComponents": {
    "datepicker": "miniprogram-datepicker"
  }
}

使用–production选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小。
并不强制要求 node_modules 必须在小程序根目录下,也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值