微信小程序常见问题

一、引入vant

vant官方文档地址：https://vant-ui.github.io/vant-weapp/#/quickstart#an-zhuang

在按照指引操作之前，先进行npm初始化，否则下面第三步就会报错

我们看到微信官方文档中关于安装npm的这一步中指出：“此处要求参与构建 npm 的 package.json 需要在 project.config.js 定义的 miniprogramRoot 之内。”首先我确定我是在miniprogramRoot之内的（项目文件夹里面），但是我在我的目录中并没有发现package.json文件，经过查询资料也了解到，package.json是构建npm必须的文件，类似于npm需要它来提供信息，进行解包。

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_52683524/article/details/123507509

执行npm init
然后在project.config.json中配置，使之能找到package.json

    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./07测试小程序分包/"
      }
    ],
    "packNpmManually": true,

然后再根据指引操作以下步骤：
① npm install

② 修改app.json

③ 构建npm包

不进行npm初始化，这里就会报错

之后就可以引用组件进行调试了。

二、分包处理

分包博客详解可参考：https://www.jb51.net/javascript/316806jks.htm#_label1

app.json配置：

查看代码依赖分析，可以看到主包大小为2.02M，最大的分包大小为1M，打包之后所有包都能压缩在2M以内，能正常上传。