项目配置

结构配置

提示

微信小程序推荐 npm 版本为 14。

project.config.json

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

示例：

project-root/
├── miniprogram/          # 小程序代码目录
│   ├── pages/            # 页面文件
│   ├── app.js            # 小程序入口文件
│   ├── app.json          # 小程序配置文件
│   └── ...               # 其他文件
├── node_modules/         # npm 依赖
├── package.json          # npm 配置文件
└── project.config.json   # 小程序项目配置文件

集成 sass

{
  "setting": {
    "useCompilerPlugins": ["sass"]
  }
}

集成 Vant

1. 安装

   npm i @vant/weapp -S --production

2. 工具 -> 构建 npm，生成 miniprogram_npm 目录`

3. 修改 app.json

   {
     "style": "v2", // 删除这个配置
     "usingComponents": {
       // 按需引入
       "van-button": "@vant/weapp/button/index"
     }
   }

参考资料

• Vant Weapp