我在多个环境中使用角度项目。每当进行构建时，单个环境都会花费很长时间。我如何减少它。我在这里添加了我的项目配置。
package.json：
{
"name": "test",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "node --max_old_space_size=10240 ./node_modules/@angular/cli/bin/ng serve --aot",
"build": "rimraf dist && node --max_old_space_size=10240 ./node_modules/@angular/cli/bin/ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"build:universal": "npm run build:client-and-server-bundles && npm run webpack:server",
"serve:universal": "node dist/server.js",
"build:client-and-server-bundles": "ng build --prod && ng build --prod --app 1 --output-hashing=false",
"webpack:server": "webpack --config webpack.server.config.js --progress --colors",
"postbuild": "node zipbuild"
},
"private": true,
"dependencies": {
"@angular-devkit/core": "7.3.3",
"@angular/animations": "7.2.6",
"@angular/cdk": "^7.3.3",
"@angular/cli": "7.3.3",
"@angular/common": "7.2.6",
"@angular/compiler": "7.2.6",
"@angular/core": "7.2.6",
"@angular/flex-layout": "7.0.0-beta.23",
"@angular/forms": "7.2.6",
"@angular/http": "7.2.6",
"@angular/material": "^7.3.3",
"@angular/platform-browser": "7.2.6",
"@angular/platform-browser-dynamic": "7.2.6",
"@angular/platform-server": "7.2.6",
"@angular/router": "7.2.6",
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.13.3",
"@angular/compiler-cli": "7.2.6",
"@angular/language-service": "7.2.6",
"@types/jasmine": "~3.3.9",
"@types/jasminewd2": "~2.0.6",
"@types/node": "^11.9.5",
"codelyzer": "^4.5.0",
"css-loader": "2.1.0",
"jasmine-core": "^3.3.0",
"jasmine-spec-reporter": "^4.2.1",
"karma": "~4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^2.0.5",
"karma-jasmine": "^2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "^5.4.2",
"ts-node": "^8.0.2",
"tslint": "^5.13.0",
"typescript": "3.2.4"
}
}
angular.json：
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"test": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist",
"index": "src/index.html",
"main": "src/main.ts",
"tsConfig": "src/tsconfig.app.json",
"polyfills": "src/polyfills.ts",
"assets": [
"src/assets",
"src/favicon.ico",
"src/web.config"
],
"styles": [
"src/styles.scss"
],
"scripts": [
"src/assets/SigWebTablet.js"
]
},
"configurations": {
"demo": {
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"outputPath": "dist/demo",
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.demo.ts"
}
]
},
"demo1": {
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"outputPath": "dist/demo",
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.demo.ts"
}
]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "test:build"
},
"configurations": {
"production": {
"browserTarget": "test:build:production"
},
"sacramento": {
"browserTarget": "test:build:sacramento"
},
"denver": {
"browserTarget": "test:build:denver"
},
"orange": {
"browserTarget": "test:build:orange"
},
"slo": {
"browserTarget": "test:build:slo"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "atims-prebook:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"karmaConfig": "./karma.conf.js",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"scripts": [],
"styles": [
"src/styles.scss"
],
"assets": [
"src/assets",
"src/favicon.ico"
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
},
"server": {
"builder": "@angular-devkit/build-angular:server",
"options": {
"outputPath": "dist/server",
"main": "main.server.ts",
"tsConfig": "tsconfig.server.json"
}
}
}
},
"test-e2e": {
"root": "",
"sourceRoot": "e2e",
"projectType": "application",
"architect": {
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "./protractor.conf.js",
"devServerTarget": "test:serve"
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"e2e/tsconfig.e2e.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
}
},
"defaultProject": "test",
"schematics": {
"@schematics/angular:class": {
"spec": false
},
"@schematics/angular:component": {
"spec": false,
"prefix": "pbpc",
"styleext": "scss"
},
"@schematics/angular:directive": {
"spec": false,
"prefix": "pbpc"
},
"@schematics/angular:guard": {
"spec": false
},
"@schematics/angular:module": {
"spec": false
},
"@schematics/angular:pipe": {
"spec": false
},
"@schematics/angular:service": {
"spec": false
}
}
}
我使用的构建命令是“ npm run build---c demo ”和“ npm run build---c demo1 ”单独的命令提示符。对于每个构建，大约需要20到30分钟。我们是否可以选择内置单个查询？
答案 0 :(得分：1)
您可以像这样一起执行命令：
npm run build -- --c demo && npm run build -- --c demo1
或者您可以使用程序包json脚本指定自己的命令：
{
"name": "myApp",
"version": "0.0.0",
"engines": {
"node": "10.13.0",
"npm": "6.4.1"
},
"scripts": {
"test": "jest src/app",
"test:watch": "jest src/app --watch",
"lint": "tslint -c tslint.json 'src/app/**/*.ts' --project src/tsconfig.json",
"appStart": "npm run build -- --c demo && npm run build -- --c demo1" // This line
},
}
然后只需运行
npm run appStart
注意：
还有更多选项可用于一起执行多个命令，这是备忘单：
A; B # Run A and then B, regardless of success of A
A && B # Run B if and only if A succeeded
A || B # Run B if and only if A failed
A & # Run A in background.