在前端开发过程中，我们经常需要根据需求在不同的环境中运行或打包代码。幸运的是，angular已经为我们提供了环境配置，但是angular6.x的配置模式与其他版本的angular不同。现在我将分别介绍环境配置在测试测试和预生产环境中的实现。

I . angular 6 . x下的环境配置

首先，在“环境”文件夹下创建environment.test.ts和environment.pre.ts文件，如下所示

然后分别添加以下内容

然后找到angular.json文件，并在architect对象下的配置下添加以下代码：

然后找到serve并添加以下代码

您可以通过运行ngserve-configuration=test或ng serve -c测试课件在控制台上打印：

{production: false，path : ' https://test . web API . sxmaps.com/' } path : ' https://test . web API . sxmaps.com/Production : false _ _ proto _ _ :对象可以通过同样的方式运行ngserve-configuration=pre或ng serve -c pre来获取预生产环境的域名，因此只需要在需要使用它们的地方引入环境变量，比如

从导入{环境}./环境/环境'；第二，配置其他版本的角度环境

同理，先在环境中创建environment.test.ts和environment.pre.ts，然后按照上面的步骤在其中添加相同的内容，然后转到angular-cli.json文件查找环境，并在其中添加内容：

然后，通过运行ng s - env=test，可以运行测试环境，并在必要的地方引入环境。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。