Angular 如何创建自定义ng构建——qa 5.2

我想创建ng build--qa，它在其中拾取environment.qa.ts并进行AOT、捆绑和死代码消除，但不进行缩小和丑化

---

在Angular 5.2中我将如何执行此操作如果您正在执行angular6，则需要将

环境.qa.ts

添加到

Angular.json

配置中

---

在

build

和

configuration

部分执行此操作后，只需运行

ng build--configuration=qa

如果您正在执行angular6，则需要将

环境.qa.ts

添加到

angular.json

配置中

---

在

build

和

configuration

部分执行此操作后，只需在angular6中运行

ng build--configuration=qa

，我们的操作如下：

在environments文件夹中创建自己的environment.qa.ts文件。您可以在其中编辑 详细信息，或者您可以为qa环境添加更多详细信息，如URL：

export const environment = {
  production: false,
  URL:'http://something:8200'
}

现在，在angular.json中，您必须在配置中添加qa配置，并且您还需要提到文件替换

“配置”：{

这取决于您，如果您希望buildOptimizer、Optimization和所有这些都在qa构建中完成，您可以使用这些值，或者删除这些选项

3.最后使用以下命令运行构建ng build--configuration=qa

---

在angular6中，我们的做法如下：

在environments文件夹中创建您自己的environment.qa.ts文件。您可以在其中编辑 详细信息，或者您可以为qa环境添加更多详细信息，如URL：

export const environment = {
  production: false,
  URL:'http://something:8200'
}

现在，在angular.json中，您必须在配置中添加qa配置，并且您还需要提到文件替换

“配置”：{

这取决于您，如果您希望buildOptimizer、Optimization和所有这些都在qa构建中完成，您可以使用这些值，或者删除这些选项

3.最后使用以下命令运行构建ng build--configuration=qa

---

对于angular 5版本，您只需要创建环境文件，例如：

/src/environments/environment.prod.ts
                  environment.qa.ts
                  environment.ts

然后在angular.cli.json中：

{
 ...
 app [
 {
  ...
  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts",
    "qa": "environments/environment.qa.ts"
  }

在控制台中，您只需执行以下命令：

ng build --env=qa

---

您可以进行测试并查看在这种情况下获取的值是否来自环境。对于angular 5版本，您只需要创建环境文件，例如：

/src/environments/environment.prod.ts
                  environment.qa.ts
                  environment.ts

然后在angular.cli.json中：

{
 ...
 app [
 {
  ...
  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts",
    "qa": "environments/environment.qa.ts"
  }

在控制台中，您只需执行以下命令：

ng build --env=qa

---

您可以进行测试，并查看在这种情况下获取的值是否来自environment.qa.ts

在environments文件夹中创建environment.qa.ts。

然后转到angular.json文件并 在配置选项下，将QA的配置添加为

"qa": {
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.qa.ts"
                }
              ]
            },

然后转到package.json并添加脚本部分，如下所示

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod --aot --build-optimizer",
    "build:prod": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --c prod --build-optimizer --aot",
    "build:qa": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --c qa --build-optimizer --aot",
    "build:dev": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --c dev --build-optimizer --aot",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

---

然后，您可以为qa运行

npm run build:qa

，为dev运行

npm run build:dev

，为prod运行

npm run build:prod
在environments文件夹中创建环境.qa.ts。

然后转到angular.json文件并
在配置选项下，将QA的配置添加为

"qa": {
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.qa.ts"
                }
              ]
            },


然后转到package.json并添加脚本部分，如下所示

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod --aot --build-optimizer",
    "build:prod": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --c prod --build-optimizer --aot",
    "build:qa": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --c qa --build-optimizer --aot",
    "build:dev": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --c dev --build-optimizer --aot",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

然后，您可以运行
npm run build:qa
进行qa，运行
npm run build:dev
进行开发，运行
npm run build:prod
进行prod
我正在使用angular 5.2如何在angular 5中执行此操作。2@kumar如果您按照上面的步骤操作，是否会出现任何错误？这也可以帮助您是否可以将其作为
ng build--qa
？如果我们可以un
ng build--prod
，这也应该是可能的。我正在使用angular 5.2，我将如何在angular 5中实现它。2@kumar如果您按照上面的步骤操作，是否会出现任何错误？这也可以帮助您是否可以将其作为
ng build--qa
运行？如果我们可以运行
ng build--prod
，这也应该是可能的。