angular6根據environments配置文件更改開發所需要的環境

seasonley 發布于2019-08-23 15:39 / 822人閱讀

摘要：前端開發過程中，我們常常需要根據需求去運行或者打包不同環境的代碼，幸運的是，給我們提供了配置，但是的配置方式和的其他版本的配置方式是有所不同的，下面我就分別介紹在測試預生產環境下實現配置。

前端開發過程中，我們常常需要根據需求去運行或者打包不同環境的代碼，幸運的是，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: "xxxxx"}
        path: "xxxxxx"
        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即可。

云服務器 GPU云服務器更改域名所對應的ip地址 java開發環境的配置機房租賃所需要具備的要求 idc一個機架所需要的帶寬

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102399.html

Angular6+ webpack自定義擴展

摘要：自定義擴展背景在項目開發過程中，發現生產模式下日志文件依然存在，通過百度得出的結果是在生產模式下一系列方法全部重寫這種方法表示一看就不舒服，無法接受。接下來教大家如何使用，具體詳情可以去上找文檔。 Angular6+ webpack自定義擴展背景在項目開發過程中，發現生產模式下console.log()日志文件依然存在，通過百度得出的結果是在生產模式下console.xx一系列方法...

xorpay 2019-08-23 14:32 評論0 收藏0
用WijmoJS玩轉您的Web應用 —— Angular6

摘要：除在全球率先支持外，現已全面應用于等主流框架中。本文中，我們將專注于如何將添加到用編寫的應用程序中。使用創建應用程序。接下來，我們定義適用于這些元素中托管的應用程序面板元素和控件的規則。往期精彩用玩轉您的應用為什么選擇WijmoJS？作為一款純前端控件集，WijmoJS秉承快如閃電，觸控優先的設計理念，在提供優質服務和產品的同時，專注于企業應用開發，不斷優化產品架構，與時俱進。除在...

hedge_hog 2019-08-22 17:59 評論0 收藏0
問道Angular——Angular5/6/7項目添加熱更新(HMR)功能

摘要：提供以上熱更新功能使用初始化項目命令行進入該目錄啟動項目將附帶功能。 ??提供angular6以上HMR(熱更新)功能使用hmr-cli npm i -g hmr-cli ??初始化angular項目,命令行進入該目錄 hmr init ??npm run hmr啟動項目將附帶hmr功能。詳細配置如下： Angular6添加HMR environments目錄 environme...

Aceyclee 2019-08-23 12:17 評論0 收藏0
用Docker搭建Laravel和Vue項目的開發環境

摘要：第二步添加在項目中創建文件。項目是官方的開源項目，負責實現對容器集群的快速編排。在這里我們會用到四個容器分別將放在四個不同的容器中，通過將四個應用容器關聯到一起組成項目。服務服務的容器將執行我們項目中的代碼。 showImg(https://segmentfault.com/img/bVbpfM5?w=695&h=270);在這篇文章中我們將通過Docker在個人本地電腦上構建一個快速...

starsfun 2019-06-28 17:05 評論0 收藏0