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

1. 创建微信小程序基础模板
2. 在根目录创建一个miniprogram文件夹
3. 将pages、utils、app、sitemap.json等和源代码相关的文件移到miniprogram文件夹下。
4. 在项目根目录打开终端 执行 npm init -y
5. 修改配置文件project.config.json

{
	"miniprogramRoot": "miniprogram/",
	"setting": {
		"packNpmManually": true,
    	"packNpmRelationList": [
      		{
        		"packageJsonPath": "./package.json",
        		"miniprogramNpmDistDir": "./miniprogram"
		    }
	    ]
	}
}
1
2
3
4
5
6
7
8
9
10
11
12

6. npm i @vant/weapp -S --production // 安装 vant weapp组件库
7. 点击上方的【工具栏】构建npm，（如果出现错误，重启项目重新构建npm）
8. 使用vant weapp按钮组件

   "usingComponents": {
     "van-button": "@vant/weapp/button/index"
   }
   1
   2
   3