angular 4使用webpack如何为多个测试环境设置app

Question

我已经创建了Angular 4应用程序使用Webpack .I必须设置应用程序为4个不同的地区(3个测试地区和1个生产).For每个不同的环境，服务端点URL是different.Buid和部署过程应该是自动化的。请注意，我没有使用Angular CLI。

Answer 1

仔细遵循以下步骤，您就可以开始工作了:)

1. 在环境文件夹中创建4个文件：(默认情况下可能有2个)示例: environment.ts，environment.prod.ts，environment.test1.ts，对于每个文件，只要稍作更改，就可以使用以下通用代码：

导出常量环境={ production: true，//production对于environment.prod.ts文件为true //对于其他测试，production为false apiUrl：'‘//每个环境的基本url}；

• 维护一个常量文件，您将在其中写入所有基本url。Constant.ts的代码示例：

从‘../ environment /environment’导入{environment}；让url = environment.apiUrl；导出常量AppConstant = Object.freeze({ BASE_API_URL: url，}

• 在您调用后端的任何位置将此常量导入到您的服务或组件类中。

-cli.json中的

• ：

"environmentSource"：“环境/环境.ts”，“环境”：{ "dev"：“环境/环境.ts”，"prod"：“环境/环境.prod.ts”，"test1"：“环境/环境.test1.ts”，"test2"：“环境/环境.test2.ts”}

6.

ng build --env=prod
ng build --env=dev / ng build
 ng build --env=test1
 ng build --env=test2

希望它能解决你的问题。这对我很管用。