1.npm初始化

如果您的applet项目没有安装npm包，您需要首先初始化npm

Npm init ii:安装Npm包

以vant-weapp(小程序UI组件库)为例：

NPM ivant-weapp-s-production iii:NPM包结构

1:点击微信开发者工具右上角的详情——本地设置，选择使用npm模块

2:在微信开发者工具菜单栏点击工具，选择构建npm

当下面显示npm成功构建时，npm包可以在构建完成后使用

npm包施工后的项目结构如下：

四：使用国家预防机制

1.在1:js中引入npm包

Const my package=require(' package name ')Const package other=require(' package name/other ')2:在npm包中使用自定义组件

添加到json文件的usingComponents参数：

{ '使用组件' : { '我的包' : '包名'，'包-其他' : '包名/其他' }}使用npm实例：

1.在1:js中引入npm包；

这个例子是用js-base64包实现的，npm包被引入到js文件中，在那里您需要使用这个包

const JSbase64=require(' js-base64 ')；使用：

console.log(jsBase64。Base64.encode('哈哈')；//code console . log(jsbase 64 . base 64 . decode(' agfoyq=='))；//解码2:在npm包中使用自定义组件

该示例使用vant-weapp包在app.json文件或指定页面的json文件中实现：

wxml文件中使用了组件“: ”{“van-button”:“vant-weapp/button/index ”:

Van-button类型='primary '按钮/van-button以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。