npm script (cross-env 注入環(huán)境變量)
    ↓
process.env.UNI_PLATFORM / DISTRICT / DEPLOY / NODE_ENV
    ↓
vue.config.js 加載時先執(zhí)行 preBuild.js（類似于webpack自定義plugin的效果）
    ↓
preBuild.js 根據(jù)上述變量生成 CLIENT_TYPE、APP_TITLE、API_BASE_URL 等
    ↓
動態(tài)生成 pages.json、manifest.json（按地區(qū)合并）
    ↓
Webpack 通過 EnvironmentPlugin 將變量注入業(yè)務代碼
    ↓
構建產(chǎn)物中 process.env.XXX 被替換為常量

npm i -D cross-env

{
  "scripts": {
    "build:mp-weixin:anhui:release_anhui": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin DISTRICT=anhui DEPLOY=release_anhui vue-cli-service uni-build",
    "dev:mp-weixin:anhui:release_anhui": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin DISTRICT=anhui DEPLOY=dev_anhui vue-cli-service uni-build --watch"
  }
}

// 平臺與客戶端類型（用于接口等）
const CLIENT_TYPE_MAP = {
  h5: 1,
  'mp-weixin':2,
  'mp-alipay':3,
  'mp-baidu': 4,
  'mp-toutiao': 5,
  'mp-qq': 6
}

// 地區(qū)與應用標題等展示配置
const DISTRICT_CONFIG_MAP = {
  jilin: { APP_TITLE: 'xxx' },
  xinjiang: { APP_TITLE: 'xxx' },
  // ... 其他地區(qū)
}

// 部署環(huán)境與 API 根地址（示例域名為占位）
const API_BASE_URL_MAP = {
  dev: 'https://api-dev.example.com/mobile-app/api',
  qa: 'https://api-qa02.example.com/mobile-app/api',
  release_regionA: 'https://api-release-regionA.example.com/mobile-app/api',
  // ... 其他環(huán)境
}

module.exports = {
  CLIENT_TYPE_MAP,
  DISTRICT_CONFIG_MAP,
  API_BASE_URL_MAP
}

/**
 * 設置自定義的 process.env.X 需同時在 vue.config.js 的
 * configureWebpack.plugins 里加入 EnvironmentPlugin 對應 key
 */
const { CLIENT_TYPE_MAP, DISTRICT_CONFIG_MAP, API_BASE_URL_MAP } = require('../config/preBuild.config')

// 版本號等固定值（示例）
process.env.VERSION = '1.0.0'

// 由「平臺」得到客戶端類型
process.env.CLIENT_TYPE = CLIENT_TYPE_MAP[process.env.UNI_PLATFORM]

// 由「地區(qū)」得到應用標題（缺省用 jilin）
process.env.APP_TITLE = DISTRICT_CONFIG_MAP[process.env.DISTRICT || 'xuzhou'].APP_TITLE

// 由「部署環(huán)境」得到 API 根地址（缺省用 dev）
process.env.API_BASE_URL = API_BASE_URL_MAP[process.env.DEPLOY || 'dev']

// 可選：自定義 tab 等，未傳則空字符串
process.env.CUSTOM_TAB = process.env.CUSTOM_TAB || ''

// 便于排查：構建時打印當前維度
console.log('------------------------------')
console.log('NODE_ENV:', process.env.NODE_ENV)
console.log('DEPLOY:', process.env.DEPLOY)
console.log('UNI_PLATFORM:', process.env.UNI_PLATFORM)
console.log('DISTRICT:', process.env.DISTRICT)
console.log('CLIENT_TYPE:', process.env.CLIENT_TYPE)
console.log('API_BASE_URL:', process.env.API_BASE_URL)
console.log('------------------------------')

// 根據(jù) DISTRICT 等動態(tài)生成 pages.json、manifest.json
require('./pages.json.js')
require('./manifest.json.js')

const webpack = require('webpack')
const path = require('path')

// 必須最先執(zhí)行：注入 CLIENT_TYPE、API_BASE_URL 等，并生成 pages.json / manifest.json
require('./build/preBuild.js')

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        // 按地區(qū)做目錄別名，業(yè)務里 import 來自 @district 即當前地區(qū)配置
        '@district': path.join(__dirname, 'src/district', process.env.DISTRICT)
      }
    },
    plugins: [
      // 將 process.env 中列出的 key 在編譯時注入到業(yè)務代碼中
      // 業(yè)務代碼中 process.env.UNI_PLATFORM 等會被替換為構建時的常量
      new webpack.EnvironmentPlugin([
        'UNI_PLATFORM',
        'CLIENT_TYPE',
        'VERSION',
        'DISTRICT',
        'API_BASE_URL',
        'CUSTOM_TAB'
      ])
    ]
  }
}

const fs = require('fs')
const path = require('path')
const lodash = require('lodash')
const standardPages = require('../config/pages.js')

let districtPage = {}
let customPages = []
const district = process.env.DISTRICT

// 若存在該地區(qū)的 pages 配置則合并
try {
  districtPage = require(`../config/districts/${district}/pages.js`)
} catch (e) {
  console.log(`不存在【${district}】地區(qū)差異化 page.js，略過`)
}

// 若有 CUSTOM_TAB，可再合并 custom.xxx.pages.js
process.env.CUSTOM_TAB.split(',').forEach((type) => {
  // ... 按 type 加載 config/custom.${type}.pages.js 與 config/districts/${district}/ 下同名文件
})

const pageJSON = lodash.mergeWith({}, standardPages, districtPage, ...customPages, (objValue, srcValue, key) => {
  if (Array.isArray(objValue) && key === 'list') {
    return srcValue  // 如 tabBar.list 用地區(qū)配置覆蓋，而不是數(shù)組合并
  }
})

fs.writeFileSync(path.join(__dirname, '../src/pages.json'), JSON.stringify(pageJSON, null, 2), { encoding: 'utf8' })
console.log('page.json 構建完成')

const fs = require('fs')
const path = require('path')
const lodash = require('lodash')

const standardManifest = {
  name: 'app',
  appid: 'xxx',
  'mp-weixin': { /* ... */ },
  'mp-alipay': { /* ... */ }
  // ...
}

let districtManifest = {}
try {
  districtManifest = require(`../config/districts/${process.env.DISTRICT}/manifest.json.js`)
} catch (e) {
  console.log('該地區(qū)不存在差異化 manifest.json.js')
}

const merged = lodash.merge({}, standardManifest, districtManifest)
fs.writeFileSync(path.join(__dirname, '../src/manifest.json'), JSON.stringify(merged, null, 4), { encoding: 'utf8' })
console.log('manifest.json 生成完成')

// 例如僅微信小程序展示某模塊
if (process.env.UNI_PLATFORM === 'mp-weixin') {
  // 微信邏輯
}

// 計算屬性中
moreModuleGroups: vm => process.env.UNI_PLATFORM === 'mp-weixin'
  ? xxxx
  : xxxx

// 使用別名 @district，實際指向 src/district/${DISTRICT}
import banner from '@district/banner.jpg'

// 或直接使用注入的常量
const district = process.env.DISTRICT
const apiBase = process.env.API_BASE_URL

// 封裝請求時用 process.env.API_BASE_URL 作為 baseURL
axios.create({ baseURL: process.env.API_BASE_URL })