微信小程序官方组件很局限,想要实现复杂的功能,引入别人写好的组件会事半功倍,所以能在微信小程序使用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')