如何在微信小程序中使用npm

微信小程序官方组件很局限,想要实现复杂的功能,引入别人写好的组件会事半功倍,所以能在微信小程序使用npm显得很重要

1、创建package.json文件

微信小程序默认没有package.json文件的,我们可以在小程序根目录下的命令窗口执行npm init生成package.json不用手动创建

2、下载依赖包

需要什么包,在package.json同级目录下执行npm命令下载,这个时候会在根目录下生成node_modules文件夹

3、本地配置

在微信开发者工具本地设置里面把使用npm模块勾选上
在这里插入图片描述

4、构建npm

微信开发者工具上方工具栏中,工具 --> 构建npm,稍等片刻之后在根目录中会生成一个miniprogram_npm文件夹,类似node_modules,但是微信小程序使用是使用miniprogram_npm文件中的插件

5、使用下载的包

在需要使用的js文件中直接import即可:

  • import blueimpMd from 'blueimp-md5'

或者require

  • const blueimpMd = require('blueimp-md5')
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值