微信小程序使用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"
    }
相关推荐
kyriewen10 小时前
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
前端·javascript·npm
用户4324281061142 天前
微信小程序从0到1接入微信支付的完整攻略
微信小程序
spmcor3 天前
微信小程序 setStorageSync 踩坑实录:别让"顺手一存"变成"隐形炸弹"
微信小程序
用户4324281061143 天前
小程序埋点设计规范:如何设计可扩展的数据采集体系
微信小程序
m0_526119404 天前
iconfont我修改好颜色,但是在小程序项目是黑色的
小程序
2601_956743684 天前
2026 上海小程序开发甄选:源码、云函数、跨端兼容技术评判
小程序·开发经验·上海
IT_张三4 天前
CSDN-项目分享-暑期备考小程序
小程序
IsJunJianXin4 天前
pdd小程序 cdp 保存响应体
linux·服务器·小程序·pdd小程序·拼多多响应体解密·小程序cdp·拼多多rpc取响应体
Geek_Vison5 天前
APP瘦身实战:从80MB+砍到15MB——基于小程序容器技术剥离APP非核心业务的实践分享
小程序·uni-app·mpaas
weikecms5 天前
聚合返利CPS小程序快速搭建教程
人工智能·微信·小程序