如何在微信小程序里引用npm包?

1.打开项目文件夹选中目录,改成cmd,在这里我的为C:\Users\DELL\Desktop\aynu-police\微信小程序(这里我的文件夹命名不规范,下面不重新命名,或者不改正的的话,会报错的,这个坑的解决方法在https://www.cnblogs.com/mmit/p/12590799.html

如何在微信小程序里引用npm包?

 

 回车,就打开了命令窗口,

如何在微信小程序里引用npm包?

 

 

2.在命令窗口里,首先初始化 执行npm init,回车,

然后 npm i vant-weapp -S --production

成功结果如下图所示:

如何在微信小程序里引用npm包?

 

 

3.然后回到小程序项目中,找到工具一栏中的构建npm,构建成功后(会有一个构建成功的提示,如果没有构建成功,就在命令框重新 npm i vant-weapp -S --production),项目文件中会生成一个miniprogram_npm文件夹,里面的文件就是构建成功的npm包

如何在微信小程序里引用npm包?

 

 我这个构建时间还有点小长。

如何在微信小程序里引用npm包?

 

 

4.最后一步,在详情本地设置勾选使用npm模块

 

如何在微信小程序里引用npm包?

 

如何在微信小程序里引用npm包?

上一篇:微信公众平台开发教程(十)Scope参数错误或没有Scope权限解决方法


下一篇:你的网购价格监督利器——python+爬虫+微信机器人