程序员的资源宝库

网站首页 > gitee 正文

使用vant构建小程序 vant 开发app

sanyeah 2024-03-29 15:20:41 gitee 17 ℃ 0 评论

微信小程序 vant
https://vant-contrib.gitee.io/vant-weapp/#/quickstart#an-zhuang

1,小程序选择不使用云开发,js基础模板
2,打开终端根目录 cnpm i @vant/weapp -S --production
// --production选项为了减少整个程序包的大小
3,去除 app.json 中的 "style":"v2" // 小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
4,配置project.config.json

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

这一步改了以后就不能重新构建了,不然会报错,只能把packNpmManually:false的时候才能构建成功,所以代码忽略的时候就不要忽略miniprogram_npm文件夹了,也就不需要重新构建npm。
5,构建npm包 工具->构建npm,
6,为了减少其他人的使用困难,没有使用typescript
7,app.json中引用

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

8,新建 .gitignore

node_modules

 

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表