微信小程序使用npm、miniprogram管理

  1. 创建微信小程序基础模板
  2. 在根目录创建一个miniprogram文件夹
  3. 将pages、utils、app、sitemap.json等和源代码相关的文件移到miniprogram文件夹下。
  4. 在项目根目录打开终端 执行 npm init -y
  5. 修改配置文件project.config.json
bash 复制代码
{
	"miniprogramRoot": "miniprogram/",
	"setting": {
		"packNpmManually": true,
    	"packNpmRelationList": [
      		{
        		"packageJsonPath": "./package.json",
        		"miniprogramNpmDistDir": "./miniprogram"
		    }
	    ]
	}
}
  1. npm i @vant/weapp -S --production // 安装 vant weapp组件库

  2. 点击上方的【工具栏】构建npm,(如果出现错误,重启项目重新构建npm)

  3. 使用vant weapp按钮组件

    bash 复制代码
    "usingComponents": {
      "van-button": "@vant/weapp/button/index"
    }
相关推荐
lvbb6620 分钟前
微信小程序-二维码绘制
微信小程序·小程序
!win !1 小时前
我与微信审核的“相爱相杀”看个人小程序副业
微信小程序·个人开发·个人副业
狂团商城小师妹2 小时前
智慧废品回收小程序php+uniapp
大数据·微信·微信小程序·小程序·uni-app·微信公众平台
毕业设计-014 小时前
0083.基于springboot+uni-app的社区车位租赁系统小程序+论文
spring boot·小程序·uni-app
算是难了7 小时前
微信小程序-组件复用机制behaviors
微信小程序·小程序
说私域7 小时前
电商运营中私域流量的转化与变现:以开源AI智能名片2+1链动模式S2B2C商城小程序为例
人工智能·小程序·开源·流量运营
HugeYLH10 小时前
解决npm问题:错误的代理设置
前端·npm·node.js
EasyNVR12 小时前
基于WebRTC与AI大模型接入EasyRTC:打造轻量级、高实时、强互动的嵌入式音视频解决方案
运维·服务器·微信·小程序·webrtc·p2p·智能硬件
我命由我1234512 小时前
微信小程序 - 自定义实现分页功能
前端·微信小程序·小程序·前端框架·html·html5·js
HappyAcmen1 天前
关于微信小程序的面试题及其解析
微信小程序·小程序·notepad++