angular6根据environments配置文件更改开发所需要的环
前端开发过程中,我们常常需要根据需求去运行或者打包不同环境的代码,幸运的是,angular给我们提供了environments配置,angular6.x的配置方式和angular的其他版本的配置方式是有所不同的,狼蚁网站SEO优化我就分别介绍在测试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./"} path: "https://test.webapi.sxmaps./" 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即可。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南