配置

配置文件目录结构

└── config
   ├── fire-env.ts
   ├── config.dev.ts
   ├── config.prod.ts
   ├── env.ts
   └── index.ts
.prod.env
.dev.env

默认的配置文件

项目默认了两个配置文件，分别是 config.dev.ts 和 config.prod.ts，它们对应了开发环境和线上的环境，你可以在里面自定义你的配置，然后在 index.ts 文件里导出给其他需要的地方使用。每个配置文件有对应的使用入口，例如 prod.env 对应 config.prod.ts

关于 env 文件

xx.env 文件内容就是指定一个配置文件的入口，让应用知道我们该使用哪个配置文件，env 文件的内容就是 APP_ENV=xxx 指定当前是哪个环境。

自定义你的配置文件

1、新建文件

在 /config 文件夹里新建你的配置文件，例如 config.test.ts，然后配置文件内容：

config.test.ts

export default {
  foo: 'test',
  port: 3000,
}

2、配置启动入口

首先在根目录建立你的配置文件，例如 test.env

APP_ENV=test

在 package.json 里配置启动入口，例如：

{
  ...
  "scripts": {
    "dev": "dotenv -e .test.env nodemon",
  }
  ...
}

3、引入配置

在 /config/env.ts 里引入

import configDev from "@/config/config.dev";
import configProd from "@/config/config.prod";
import configTest from "@/config/config.test";
import { CatEnv } from "./cat-env";

const appEnv = new CatEnv({
  'dev': configDev,
  'prod': configProd,
  'test': configTest
})

export default appEnv

3、导出配置

在 /config/index.ts 里导出你需要的配置，提供给其他文件使用。

import appEnv from './env';

const mixConfig = appEnv.getAppConfig()

export default {
  env: {
    APP_ENV: appEnv.env
  },
  port: mixConfig.port,
}