angular6根据environments配置文件更改开发所需要的环境的方法
前端开发过程中，我们常常需要根据需求去运行或者打包不同环境的代码，幸运的是，angular给我们提供了environments配置，但是angular6.x的配置方式和angular的其他版本的配置方式是有所不同的，下面我就分别介绍在测试test、预生产pre环境下实现environments配置。
一、angular6.x下environments的配置
首先，在environments文件夹下创建environment.test.ts和environment.pre.ts文件，如下图
然后分别在里面添加如下内容
然后找到angular.json文件，在architect对象下的configurations下添加如下代码：
然后在找到serve，添加如下的代码
可以通过运行ng serve --configuration=test或者ng serve -c test课件在控制台打印：
{production: false, path: "https://test.webapi.sxmaps.com/"}
path: "https://test.webapi.sxmaps.com/"
production: false
__proto__: Object
同理运行ng serve --configuration=pre或者ng serve -c pre可获取到预生产环境的域名，所以，你只需要在需要用到环境变量的地方引入即可，如
import {environment} from '../environments/environment';
二、angular其他版本environments的配置
同样的，首先在environments创建environment.test.ts和environment.pre.ts，然后按照上文的步骤，在里面添加相同的内容，然后去到angular-cli.json文件找到environments，在里面添加如何内容：
然后通过运行ng s --env=test就可以运行测试环境了，在需要的地方引入environment即可。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
angular基于ng-alain定义自己的select组件示例
这篇文章主要介绍了angular基于ng-alain定义自己的select组件示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要为大家详细介绍了angular实现商品筛选功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
今天小编就为大家分享一篇angularjs的单选框+ng-repeat的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了angularJS 中$scope方法使用指南,需要的朋友可以参考下2015-02-02
今天小编就为大家分享一篇Angular4 Select选择改变事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了AngularJs中$cookies简单用法,结合实例形式分析了AngularJS使用$cookies存储变量相关操作技巧与注意事项,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了AngularJS指令中的绑定策略,结合实例形式分析了scope绑定策略的分类与具体实现方法,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了Angular2 模板语法的相关资料,非常不错，感兴趣的朋友一起学习吧，需要的朋友可以参考下2016-08-08
这篇文章主要为大家介绍了Angular Tree Shaking优化机制原理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
本篇文章主要介绍了AngularJs导出Excel的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论