uniapp多环境部署解决方案详解

目录

• 前言
• 尝试几种方式
• 解决方案
• 部署方式
• 获取接口
• 部署路径
• 命令行
• 其他
• 总结

const webpack = require("webpack")

module.exports = {
  chainWebpack: cOnfig=> {
    config
      .plugin("define")
      .tap(args => {
        args[0]["process.env"].VUE_APP_TEST = ""test""
        return args
      })
  }
}

"build": "cli publish --platform h5 --project 项目名称",

# .env.test
NODE_ENV=test
BASE_API = "/test"
h5.router.base_cOnfig= "/h5/"
h5.title_cOnfig= "h5"

	"scripts": {
		"build:config:test": "node ./deploy/index --mode=test",
		"build:config:prod": "node ./deploy/index --mode=prod",
	},

// yargs.js
module.exports = function() {
	let args = process.argv;
	let argv = {};
	for (let i = 2; i 

const fs = require("fs")
const path = require("path")
// 解析函数
function parse() {
    ...
}

module.exports = function() {
    // 获取环境
	const cOnfig= yargs();
	
	const env = config.mode;
	const envPath = path.resolve(__dirname, "../../") + "/.env." + env
	
	try{
		const data = fs.readFileSync(envPath, "utf8")
        // 解析文件
		return parse(data)
	}catch(e){
		console.log("读取env出错：" + JSON.stringify(e));
	}
}

{
    NODE_ENV: "test",
    BASE_API: "/test",
    // ...
}

// 写入 /static/global.js
writeGlobalConfig()

function writeGlobalConfig() {
	const _global = {}
	for (let key in config) {
		if (key.includes("_API")) {
			_global[key] = config[key]
		}
	}
	const data = `window._GLOBAL__ = ${JSON.stringify(_global)}`
	fs.writeFileSync(path.resolve(__dirname, "../static/global.js"), data)
}

const NODE_ENV = process.env.NODE_ENV;

/// 默认根目录模板 tempalte.h5 模板引入全局接口 static/global.js
const GLOBAL_COnFIG= window._GLOBAL__ || {};

const defaultAPI = {
	BASE_API: {
		development: ["/test"],
		production: GLOBAL_CONFIG.BASE_API,
	},
	SOCKET_API_BIDDIGN: {
		development: ["ws://test"],
		production: GLOBAL_CONFIG.SOCKET_API_BIDDIGN,
	},
    // ...
}

// manifest.js
const fs = require("fs")
const path = require("path")

const manifestPath = path.resolve(__dirname, "../../") + "/manifest.json"

let Manifest = fs.readFileSync(manifestPath, { encoding: "utf-8" })
function replaceManifest(path, value) {
  const arr = path.split(".")
  const len = arr.length
  const lastItem = arr[len - 1]

  let i = 0
  let ManifestArr = Manifest.split(/
/)

  for (let index = 0; index 

h5.router.base_cOnfig= "/h5/"
h5.title_cOnfig= "h5"

const path = require("path")
const fs = require("fs")
const env = require("./modules/readEnv")
const parseManifest = require("./modules/manifest")
const cOnfig= env();

function writeManifest() {
	const _global = {}
	for (let key in config) {
		if (key.includes("_config")) {
			const k = key.slice(0, -7)
			_global[k] = config[key]
		}
	}
	parseManifest(_global);
}

	"scripts": {
		"build": "cli publish --platform h5 --project test-h5",
		"build:config:test": "node ./deploy/index --mode=test",
		"build:config:prod": "node ./deploy/index --mode=prod",
		"build:prod": "npm run build:config:prod && npm run build",
		"deploy:test": "npm run build:config:test && npm run build && fd-cli"
	},

// vue.config.js
const webpack = require("webpack")

// 生成不同环境不同平台的配置
const cOnfig= require("./config")

module.exports = {
  chainWebpack: cOnfig=> {
    config
      .plugin("define")
      .tap(args => {
        // config.VUE_APP_TEST
        for(let key in config) {
            args[0]["process.env"][key] = `"${config.VUE_APP_TEST}"`
        }
        return args
      })
  }
}