在小程序开发中使用npm

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

1.在小程序中加载npm包

NP install mini program-date picker-production node _ modules可以在applet根目录下，也可以存在于applet根目录下的各个子目录中。但不在小程序根目录之外。使用- 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包；

常量包=必需(' packagename ')在npm包中使用自定义组件：

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

其他