在小程序开发中使用npm的方法

微信小程序在2.2.1版后增加了对npm包加载的支持，使得小程序支持使用npm安装第三方包。

1.在小程序中加载npm包

NPM安装迷你程序-日期选择器-生产节点_模块可以存在于小程序的根目录中，也可以存在于小程序根目录下的各种子目录中。但不在小程序的根目录之外。使用- production选项，您可以减少与业务无关的npm包的安装，从而减少整个包的大小。

2.构建npm包

点击微信小程序开发工具“工具”菜单下的“构建npm”命令，构建npm包，可以将npm包构建成可以在小程序中加载使用的包。

node_modules的目录将不参与编译、上传和打包。因此，如果一个小程序想要使用npm包，就必须经过“构建npm”的过程。在最外层的node_modules的同级目录下会生成一个miniprogram_npm的目录，它将存储构建打包后的npm包，也就是小程序真正使用的npm包。

有两种类型的构建打包：applet npm包将直接将构建文件生成目录中的所有文件复制到miniprogram _ npm其他npm包将从入口js文件(类似于webpack)开始进行依赖分析和打包过程。

寻找npm包的过程类似于npm的实现，从依赖于npm包的文件所在的目录开始，一层一层地寻找，直到找到可用的npm包或applet的根目录。

施工完成后，还需要确认项目是否勾选了“使用npm模块”。

3.使用npm包

在js中引入npm包；

const package=require(' package name ')在npm包中使用自定义组件：

{ '使用组件' : { '日期选择器' : '迷你程序-日期选择器' }}迷你程序-日期选择器组件的运行效果

其他的

微信小程序npm支持文档：https://developers . weixin . QQ.com/mini program/dev/dev tools/NPM . html

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。