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