前言
前端开发中，我们经常需要对不同环境下的配置文件进行管理。ngx-tryton-config 是一个能够帮助我们解决此类问题的 npm 包，它可以帮助我们根据不同的环境，加载相应的配置文件，并且在应用中方便地访问。
安装
首先，我们需要安装 ngx-tryton-config。你可以通过 npm 来进行安装：
npm install ngx-tryton-config --save
配置
在项目的根目录下，我们需要新建一个 config 目录，用于存放不同环境下的配置文件。举个例子，我们可以创建以下文件：
config ├── development.json ├── staging.json ├── production.json
以上的配置文件都是以 JSON 格式来存储的，你也可以选择使用其他格式，比如 YAML。接下来，我们需要在应用启动时，加载对应的配置文件。
在 AppModule 中引入 TrytonConfigModule，并在 imports 数组中添加 TrytonConfigModule 并传入一个 options 参数。其中，options 对象需要包含以下属性：
- configPath: 配置文件所在目录的路径，默认为 './config'
- environmentFile: 环境文件的文件名，默认为 'environment.json'
- environment: 当前环境名称，比如 'development'
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------------ - ---- --------------------
-----------
-------- -
----------------------------
----------- -----------
------------ -------------
--
-
--
------ ----- --------- - -我们也可以通过在 environmentFile 中定义当前环境名称，来避免在代码中硬编码。例如我们可以这样修改：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------------ - ---- --------------------
-----------
-------- -
----------------------------
----------- -----------
---------------- ------------------
--
-
--
------ ----- --------- - -并且在 environment.json 中加入当前环境名称，比如：
{
"environment": "development"
}使用
现在，我们已经成功地加载了相应的配置文件。接下来，我们可以在任何组件或 service 中，通过注入 TrytonConfigService 来获取相应的配置值。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------- - ---- --------------------
------------
--------- -----------
------------ -----------------------
---------- ------------------------
--
------ ----- ------------ -
------ -------
------------------- ------- -------------------- -
---------- - --------------------
-
-在以上代码中，我们注入了 TrytonConfigService，并通过调用它的 get 方法，来获取 'title' 配置项的值。在开发环境下，可以在 development.json 中定义它的值：
{
"title": "我的应用 - 开发环境"
}在其他环境下，我们可以在对应的配置文件中重新定义相应的值。
总结
通过 ngx-tryton-config，我们可以轻松地管理应用中的配置文件，避免了硬编码这类问题。当我们需要切换不同环境时，只需要修改环境文件中的一行代码即可。因此，ngx-tryton-config 在项目中具有重要的意义，并且也是一个值得推荐的 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663b81e8991b448e23a1