微信小程序构建npm,引入第三方库

时间:2024-04-14 13:28:42

1:进入项目根目录,打开控制台
npm init -f 生成package.json文件 -f表示force的意思,就是初始化全部按照默认值,不加-f则需要填写一些项目信息,因为只是做个试验就加-f 省事。
2:安装第三方依赖 ,试验安装 iview-weapp
npm i iview-weapp
执行完成后会在小程序目录下新建一个node_modules,会将 iview-weapp的文件存放在这个文件夹下
3:在开发者工具当中添加使用npm 模块
微信小程序构建npm,引入第三方库

4:构建npm 在微信开发者工具 工具=》构建npm
会发现,项目当中会生成一个
微信小程序构建npm,引入第三方库

5:使用 在要使用到的页面引入
“usingComponents”: {

“button”: “…/…/miniprogram_npm/vant-weapp/button/index”

}