轻松设置uni-app的manifest.json：借助文件系统模块和配置数据

2023-09-10 17:25:47

在uni-app中，manifest.json是一个重要的配置文件，用于小程序的基本信息，如名称、版本、图标等。其中，appid是微信小程序的唯一标识，需要在manifest.json中正确配置。

如果项目需要在不同环境（如开发环境、测试环境、生产环境）中运行，则需要根据不同的环境来配置manifest.json中的appid。传统的方法是手动修改manifest.json文件，但这可能带来错误并降低开发效率。

一种更简单的方法是使用文件系统模块和配置数据来动态配置manifest.json。文件系统模块提供了对文件系统进行读写的功能，可以用来读取和修改manifest.json文件。配置数据可以存储在JSON或YAML等格式的文件中，包含不同环境的appid等信息。

以下是具体步骤：

安装文件系统模块

npm install fs-extra

读取配置数据

在项目中创建一个配置文件，如config.json，用于存储不同环境的配置数据。

{
  "development": {
    "appid": "wx123456"
  },
  "testing": {
    "appid": "wx789012"
  },
  "production": {
    "appid": "wx345678"
  }
}

根据环境动态配置manifest.json

在项目中创建一个脚本文件，如build.js，用于根据环境动态配置manifest.json。

const fs = require('fs-extra');
const config = require('./config.json');

// 获取当前环境
const environment = process.env.NODE_ENV || 'development';

// 读取manifest.json文件
const manifest = JSON.parse(fs.readFileSync('./manifest.json', 'utf-8'));

// 设置appid
manifest.appid = config[environment].appid;

// 保存manifest.json文件
fs.writeFileSync('./manifest.json', JSON.stringify(manifest, null, 2));