資訊專欄INFORMATION COLUMN
摘要：前端開發(fā)過程中，我們常常需要根據(jù)需求去運行或者打包不同環(huán)境的代碼，幸運的是，給我們提供了配置，但是的配置方式和的其他版本的配置方式是有所不同的，下面我就分別介紹在測試預(yù)生產(chǎn)環(huán)境下實現(xiàn)配置。
前端開發(fā)過程中，我們常常需要根據(jù)需求去運行或者打包不同環(huán)境的代碼，幸運的是，angular給我們提供了environments配置，但是angular6.x的配置方式和angular的其他版本的配置方式是有所不同的，下面我就分別介紹在測試test、預(yù)生產(chǎn)pre環(huán)境下實現(xiàn)environments配置。
一、angular6.x下environments的配置首先，在environments文件夾下創(chuàng)建environment.test.ts和environment.pre.ts文件，如下圖
然后分別在里面添加如下內(nèi)容
然后找到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可獲取到預(yù)生產(chǎn)環(huán)境的域名，所以，你只需要在需要用到環(huán)境變量的地方引入即可，如
import {environment} from "../environments/environment";
二、angular其他版本environments的配置
同樣的，首先在environments創(chuàng)建environment.test.ts和environment.pre.ts，然后按照上文的步驟，在里面添加相同的內(nèi)容，然后去到angular-cli.json文件找到environments，在里面添加如何內(nèi)容：
然后通過運行ng s --env=test就可以運行測試環(huán)境了，在需要的地方引入environment即可。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/102399.html
摘要：自定義擴展背景在項目開發(fā)過程中，發(fā)現(xiàn)生產(chǎn)模式下日志文件依然存在，通過百度得出的結(jié)果是在生產(chǎn)模式下一系列方法全部重寫這種方法表示一看就不舒服，無法接受。接下來教大家如何使用，具體詳情可以去上找文檔。 Angular6+ webpack自定義擴展 背景 在項目開發(fā)過程中，發(fā)現(xiàn)生產(chǎn)模式下console.log()日志文件依然存在，通過百度得出的結(jié)果是在生產(chǎn)模式下console.xx一系列方法...
摘要：除在全球率先支持外，現(xiàn)已全面應(yīng)用于等主流框架中。本文中，我們將專注于如何將添加到用編寫的應(yīng)用程序中。使用創(chuàng)建應(yīng)用程序。接下來，我們定義適用于這些元素中托管的應(yīng)用程序面板元素和控件的規(guī)則。往期精彩用玩轉(zhuǎn)您的應(yīng)用 為什么選擇WijmoJS？ 作為一款純前端控件集，WijmoJS秉承快如閃電，觸控優(yōu)先的設(shè)計理念，在提供優(yōu)質(zhì)服務(wù)和產(chǎn)品的同時，專注于企業(yè)應(yīng)用開發(fā)，不斷優(yōu)化產(chǎn)品架構(gòu)，與時俱進(jìn)。除在...
摘要：提供以上熱更新功能使用初始化項目命令行進(jìn)入該目錄啟動項目將附帶功能。 ??提供angular6以上HMR(熱更新)功能 使用hmr-cli npm i -g hmr-cli ??初始化angular項目,命令行進(jìn)入該目錄 hmr init ??npm run hmr啟動項目將附帶hmr功能。 詳細(xì)配置如下： Angular6添加HMR environments目錄 environme...
摘要：第二步添加在項目中創(chuàng)建文件。項目是官方的開源項目，負(fù)責(zé)實現(xiàn)對容器集群的快速編排。在這里我們會用到四個容器分別將放在四個不同的容器中，通過將四個應(yīng)用容器關(guān)聯(lián)到一起組成項目。服務(wù)服務(wù)的容器將執(zhí)行我們項目中的代碼。 showImg(https://segmentfault.com/img/bVbpfM5?w=695&h=270);在這篇文章中我們將通過Docker在個人本地電腦上構(gòu)建一個快速...
閱讀 5018·2021-11-15 11:39
閱讀 2765·2021-11-11 16:55
閱讀 2263·2021-10-25 09:44
閱讀 3576·2021-09-22 16:02
閱讀 2491·2019-08-30 15:55
閱讀 3190·2019-08-30 13:46
閱讀 2768·2019-08-30 13:15
閱讀 2016·2019-08-30 11:12
