微信小程序如何引用 Vant Weapp 构建npm模块


注意事项:一定要保证先有package.json文件再进行安装vant,因为,安装vant会将依赖写入package.json文件中,在小程序开发者工具中构建npm就是根据package.json文件来的

第一步

先看目录中有没有package.json 文件,如果没有就npm init创建(如果你不知道每一步什么意思就无脑回车)

第二步

有了package.json文件之后,在进行安装vant,按照官网上的命令来即可(npm i @vant/weapp -S --production)

第三步

配置project.config.json,按照官网来即可

"packNpmManually": true,
  "packNpmRelationList": [
		{
			"packageJsonPath": "./package.json",
			"miniprogramNpmDistDir": "./"
		}
	],

第四步

成功之后生成之后会有一个 miniprogram_npm 目录
经验分享 程序员 微信小程序 职场和发展