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
});
angular typescript angular6 angular7
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
});
angular typescript angular6 angular7
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
});
angular typescript angular6 angular7
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
angular typescript angular6 angular7
edited Nov 21 '18 at 14:35
veben
2,16041329
2,16041329
asked Nov 21 '18 at 11:39
Peter PenzovPeter Penzov
19261186392
19261186392
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
2
2
Why not to use enviroment files?
– Pardeep Jain
Nov 21 '18 at 11:43
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
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
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
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"
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
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
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
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
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"
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"
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"
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 JainPardeep Jain
41.4k17103146
41.4k17103146
add a comment |
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
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
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
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
vebenveben
2,16041329
2,16041329
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
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
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
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