微信小程序-配置@Vant库

最新推荐文章于 2024-04-06 23:52:38 发布

帅九妹

最新推荐文章于 2024-04-06 23:52:38 发布

阅读量183

点赞数

分类专栏：微信小程序文章标签：小程序 npm

本文链接：https://blog.csdn.net/weixin_46048397/article/details/117927684

版权

微信小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.初始化npm

npm init

2.安装

#通过 npm 安装
npm i @vant/weapp -S --production

3.配置project.config.json

开发者工具创建的项目，miniprogramRoot 默认为 miniprogram，package.json 在其外部，npm 构建无法正常工作。

需要手动在 project.config.json 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。

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

//这一步很关键，这个路径要指向你的package.json,不管你是在哪里init的，都要指向他，路径要对
//这一步一定要指向你miniprogram（也就是主体程序）的路径。并且 / 不能少，构建成功了会在miniprogram目录下生   
// 成一个miniprogram_npm 文件夹，这个时候使用官网的路径才可以生效
      }
    ]
  }
}

4.构建npm

在工具里构建npm，并在“详情-本地设置”里勾选使用npm模块

构建成功的例子和示例图