微信小程序使用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"
    }
相关推荐
土土哥V_araolin26 分钟前
一生手护分销模式系统开发概述
大数据·小程序·零售
Можно37 分钟前
uni-app 三端上线全流程指南:H5 / 小程序 / App 完整发布手册
小程序·uni-app
土土哥V_araolin1 小时前
2+1链动退休模式系统(升级版)解析
大数据·小程序·零售
2501_915106323 小时前
Flutter 开发工具有哪些 跨平台项目开发与上架实操指南
android·flutter·ios·小程序·uni-app·iphone·webview
摇滚侠3 小时前
JAVA 项目教程《苍穹外卖-10》,微信小程序项目,前后端分离,从开发到部署
java·开发语言·微信小程序
ahauedu3 小时前
本地部署开源的前端项目npm经历(1)
前端·npm·开源
h_65432103 小时前
打包报错ERROR Error: Cannot find module ‘webpack/lib/RuleSet‘
前端·webpack·npm
00后程序员张10 小时前
从审核被拒到稳定过审,iOS 上架技术优化
android·ios·小程序·https·uni-app·iphone·webview
码云社区15 小时前
JAVA二手车交易二手车市场系统源码支持微信小程序+微信公众号+H5+APP
java·开发语言·微信小程序·二手交易·闲置回收
土土哥V_araolin18 小时前
多语言推三返一商城系统开发指南
小程序·零售