Run ng build with custom configurations

I have Angular project which I would like to deploy on Apache server. I use ng build but I would like to custom address and endpoint for backend.

proxy.conf.json:

{

  "/api/*": {

    "target": "http://localhost:8080",

    "secure": false,

    "logLevel": "debug",

    "changeOrigin": true

  }

}

This configuration is not applied at all.
How I can set it properly in order to change configurations?

Environment ts file:

import {environment as prod} from './environment.prod';



export const environment = Object.assign(prod, {

  production: false

});

edited Nov 21 '18 at 14:35

veben

2,01721125

asked Nov 21 '18 at 11:39

Peter Penzov

12759183389

2

Why not to use enviroment files?

– Pardeep Jain
Nov 21 '18 at 11:43

I added my environment file. How I need to configure it?

– Peter Penzov
Nov 21 '18 at 12:04

which version of angular you are using?

– Pardeep Jain
Nov 21 '18 at 12:05

Possible duplicate of Properly using environment.ts in my angular4 application with angular-cli

– Wernerson
Nov 21 '18 at 12:14

add a comment |

I have Angular project which I would like to deploy on Apache server. I use ng build but I would like to custom address and endpoint for backend.

proxy.conf.json:

{

  "/api/*": {

    "target": "http://localhost:8080",

    "secure": false,

    "logLevel": "debug",

    "changeOrigin": true

  }

}

This configuration is not applied at all.
How I can set it properly in order to change configurations?

Environment ts file:

import {environment as prod} from './environment.prod';



export const environment = Object.assign(prod, {

  production: false

});

edited Nov 21 '18 at 14:35

veben

2,01721125

asked Nov 21 '18 at 11:39

Peter Penzov

12759183389

2

Why not to use enviroment files?

– Pardeep Jain
Nov 21 '18 at 11:43

I added my environment file. How I need to configure it?

– Peter Penzov
Nov 21 '18 at 12:04

which version of angular you are using?

– Pardeep Jain
Nov 21 '18 at 12:05

Possible duplicate of Properly using environment.ts in my angular4 application with angular-cli

– Wernerson
Nov 21 '18 at 12:14

add a comment |

I have Angular project which I would like to deploy on Apache server. I use ng build but I would like to custom address and endpoint for backend.

proxy.conf.json:

{

  "/api/*": {

    "target": "http://localhost:8080",

    "secure": false,

    "logLevel": "debug",

    "changeOrigin": true

  }

}

This configuration is not applied at all.
How I can set it properly in order to change configurations?

Environment ts file:

import {environment as prod} from './environment.prod';



export const environment = Object.assign(prod, {

  production: false

});

edited Nov 21 '18 at 14:35

veben

2,01721125

asked Nov 21 '18 at 11:39

Peter Penzov

12759183389

I have Angular project which I would like to deploy on Apache server. I use ng build but I would like to custom address and endpoint for backend.

proxy.conf.json:

{

  "/api/*": {

    "target": "http://localhost:8080",

    "secure": false,

    "logLevel": "debug",

    "changeOrigin": true

  }

}

This configuration is not applied at all.
How I can set it properly in order to change configurations?

Environment ts file:

import {environment as prod} from './environment.prod';



export const environment = Object.assign(prod, {

  production: false

});

angular typescript angular6 angular7

edited Nov 21 '18 at 14:35

veben

2,01721125

asked Nov 21 '18 at 11:39

Peter Penzov

12759183389

edited Nov 21 '18 at 14:35

veben

2,01721125

asked Nov 21 '18 at 11:39

Peter Penzov

12759183389

edited Nov 21 '18 at 14:35

veben

2,01721125

edited Nov 21 '18 at 14:35

veben

2,01721125

edited Nov 21 '18 at 14:35

veben

2,01721125

asked Nov 21 '18 at 11:39

Peter Penzov

12759183389

asked Nov 21 '18 at 11:39

Peter Penzov

12759183389

asked Nov 21 '18 at 11:39

Peter Penzov

12759183389

2

Why not to use enviroment files?

– Pardeep Jain
Nov 21 '18 at 11:43

I added my environment file. How I need to configure it?

– Peter Penzov
Nov 21 '18 at 12:04

which version of angular you are using?

– Pardeep Jain
Nov 21 '18 at 12:05

Possible duplicate of Properly using environment.ts in my angular4 application with angular-cli

– Wernerson
Nov 21 '18 at 12:14

add a comment |

2

Why not to use enviroment files?

– Pardeep Jain
Nov 21 '18 at 11:43

I added my environment file. How I need to configure it?

– Peter Penzov
Nov 21 '18 at 12:04

which version of angular you are using?

– Pardeep Jain
Nov 21 '18 at 12:05

Possible duplicate of Properly using environment.ts in my angular4 application with angular-cli

– Wernerson
Nov 21 '18 at 12:14

Why not to use enviroment files?

– Pardeep Jain
Nov 21 '18 at 11:43

I added my environment file. How I need to configure it?

– Peter Penzov
Nov 21 '18 at 12:04

which version of angular you are using?

– Pardeep Jain
Nov 21 '18 at 12:05

Possible duplicate of Properly using environment.ts in my angular4 application with angular-cli

– Wernerson
Nov 21 '18 at 12:14

add a comment |

2 Answers
2

active

oldest

votes

Assuming you are using Angular (>v6), and you have created multiple environment files as per requirements.

So what you need to do is, go to angular.json file

angular.json > projects > projectName > architect > build > configurations > fileReplacements

and here you need to replace files name with your files name like this -

"replace": "src/environments/environment.ts",

"with": "src/environments/environment.live.ts"

answered Nov 21 '18 at 12:12

Pardeep Jain

39.5k16102139

add a comment |

You can define different environment files. Below example for "dev":

export const environment = {

    production: false,

    envName: 'dev',

    configPath: './assets/config/config.dev.json'

    ...

};

Add a configuration part for "dev" in "angular.json" file, like that:

"dev": {

  "fileReplacements": [

    {

      "replace": "src/environments/environment.ts",

      "with": "src/environments/environment.dev.ts"

    }

  ],

  ....

And user this command to build : ng build --configuration=dev
Take a look at this post : How to set environment via `ng serve` in angular 6

answered Nov 21 '18 at 12:13

veben

2,01721125

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53411274%2frun-ng-build-with-custom-configurations%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

Assuming you are using Angular (>v6), and you have created multiple environment files as per requirements.

So what you need to do is, go to angular.json file

angular.json > projects > projectName > architect > build > configurations > fileReplacements

and here you need to replace files name with your files name like this -

"replace": "src/environments/environment.ts",

"with": "src/environments/environment.live.ts"

answered Nov 21 '18 at 12:12

Pardeep Jain

39.5k16102139

add a comment |

Assuming you are using Angular (>v6), and you have created multiple environment files as per requirements.

So what you need to do is, go to angular.json file

angular.json > projects > projectName > architect > build > configurations > fileReplacements

and here you need to replace files name with your files name like this -

"replace": "src/environments/environment.ts",

"with": "src/environments/environment.live.ts"

answered Nov 21 '18 at 12:12

Pardeep Jain

39.5k16102139

add a comment |

Assuming you are using Angular (>v6), and you have created multiple environment files as per requirements.

So what you need to do is, go to angular.json file

angular.json > projects > projectName > architect > build > configurations > fileReplacements

and here you need to replace files name with your files name like this -

"replace": "src/environments/environment.ts",

"with": "src/environments/environment.live.ts"

answered Nov 21 '18 at 12:12

Pardeep Jain

39.5k16102139

Assuming you are using Angular (>v6), and you have created multiple environment files as per requirements.

So what you need to do is, go to angular.json file

angular.json > projects > projectName > architect > build > configurations > fileReplacements

and here you need to replace files name with your files name like this -

"replace": "src/environments/environment.ts",

"with": "src/environments/environment.live.ts"

answered Nov 21 '18 at 12:12

Pardeep Jain

39.5k16102139

answered Nov 21 '18 at 12:12

Pardeep Jain

39.5k16102139

answered Nov 21 '18 at 12:12

Pardeep Jain

39.5k16102139

answered Nov 21 '18 at 12:12

Pardeep Jain

39.5k16102139

add a comment |

You can define different environment files. Below example for "dev":

export const environment = {

    production: false,

    envName: 'dev',

    configPath: './assets/config/config.dev.json'

    ...

};

Add a configuration part for "dev" in "angular.json" file, like that:

"dev": {

  "fileReplacements": [

    {

      "replace": "src/environments/environment.ts",

      "with": "src/environments/environment.dev.ts"

    }

  ],

  ....

And user this command to build : ng build --configuration=dev
Take a look at this post : How to set environment via `ng serve` in angular 6

answered Nov 21 '18 at 12:13

veben

2,01721125

add a comment |

You can define different environment files. Below example for "dev":

export const environment = {

    production: false,

    envName: 'dev',

    configPath: './assets/config/config.dev.json'

    ...

};

Add a configuration part for "dev" in "angular.json" file, like that:

"dev": {

  "fileReplacements": [

    {

      "replace": "src/environments/environment.ts",

      "with": "src/environments/environment.dev.ts"

    }

  ],

  ....

And user this command to build : ng build --configuration=dev
Take a look at this post : How to set environment via `ng serve` in angular 6

answered Nov 21 '18 at 12:13

veben

2,01721125

add a comment |

You can define different environment files. Below example for "dev":

export const environment = {

    production: false,

    envName: 'dev',

    configPath: './assets/config/config.dev.json'

    ...

};

Add a configuration part for "dev" in "angular.json" file, like that:

"dev": {

  "fileReplacements": [

    {

      "replace": "src/environments/environment.ts",

      "with": "src/environments/environment.dev.ts"

    }

  ],

  ....

And user this command to build : ng build --configuration=dev
Take a look at this post : How to set environment via `ng serve` in angular 6

answered Nov 21 '18 at 12:13

veben

2,01721125

You can define different environment files. Below example for "dev":

export const environment = {

    production: false,

    envName: 'dev',

    configPath: './assets/config/config.dev.json'

    ...

};

Add a configuration part for "dev" in "angular.json" file, like that:

"dev": {

  "fileReplacements": [

    {

      "replace": "src/environments/environment.ts",

      "with": "src/environments/environment.dev.ts"

    }

  ],

  ....

And user this command to build : ng build --configuration=dev
Take a look at this post : How to set environment via `ng serve` in angular 6

answered Nov 21 '18 at 12:13

veben

2,01721125

answered Nov 21 '18 at 12:13

veben

2,01721125

answered Nov 21 '18 at 12:13

veben

2,01721125

answered Nov 21 '18 at 12:13

veben

2,01721125

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu