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

Question

我使用Webpack创建了Angular 4应用程序。我必须为4个不同的区域（3个测试区域和1个生产区域）设置应用程序。对于每个不同的环境，服务端点URL都不同.Buid和部署过程应该是自动化的。 请注意我没有使用Angular CLI。

Answer 1

请仔细按照以下步骤进行操作：

1. 在环境文件夹中创建4个文件：（默认情况下可能有2个） 例： environment.ts，environment.prod.ts，environment.test1.ts，environment.test2.ts

2. 对每个文件使用此公共代码稍作修改：

   export const environment = {   production：true，// environment.prod.ts文件的生产成立                     //对于其他测试生产是错误的   apiUrl：'// //每个环境的base_url };

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

   从'../environments/environment'导入{environment}; let url = environment.apiUrl; export const AppConstant = Object.freeze（{     BASE_API_URL：网址， }

4. 在您的服务或组件类中将此常量导入到您的调用后端。

5. 在angular-cli.json中：

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

6

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

希望它能解决你的问题。它对我有用。