2、其次看一下创建出来的小游戏,把 “miniprogramRoot”: “型乎尺miniprogram/”改成“miniprogramRoot”: “wechatgame/”。
3、然后到cocos开发的项目中,复制打包好的wechatgame文件夹,打开微信开发者中刚创建的游戏资源卜高管理资源,粘贴wechatgame,替换掉miniprogame文件夹。
4、最后回到微信开发者工具重新编译即可。顷液
1st.注意,小程序的包名不能是中文,所以当文件名是中念竖晌文时不能使用-y 需要使用npm init 回车后自己手动输入包名
通过 npm 安装npm i @vant/weapp -S --production
通过 yarn 安装yarn add @vant/weapp --production
安装 0.x 版本npm i vant-weapp -S --production
将 app.json 中的 "style": "v2" 去除,小程序的 新版基础组件 强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
删除app.json 中纤唯的 "style": "v2"
开发者工具创建的项目,miniprogramRoot 默认为 miniprogram,package.json 在其外部,npm 构建无法正常工作。需要手动在 project.config.json 内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./"
}
],
修改project.config.json
注意: 由于目前新版开发者工具创建的小程序目录文件结构问题,npm构建的文件目录为miniprogram_npm,并且开发工具会默认在当前目录下创建miniprogram_npm的文件名,所以新版本的miniprogramNpmDistDir配置为’./'即可
打开微信开发者工具,点击 工具 ->构建 npm ,并勾选 使用 npm 模块 选项,构建完成后,即可引入组件。
勾选 使用 npm 模块t
当以上项目都完成之后,只需在.json文件中加入的"usingComponents"对象中注册需要使用的模块仔锋,即可在页面中使用
usingComponents中注册模块
附:Vant Weapp官网
介绍 - Vant Weapp (gitee.io)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)