angular.json
の複数の構成を認識するために、angular-cliを取得しようとしています
C:\_dev\myapp>ng serve --configuration development
Configuration 'development' could not be found in project 'myapp'.
Error: Configuration 'development' could not be found in project 'myapp'.
スニペットは次のとおりです。
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.production.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true
},
"development": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.development.ts"
}
],
"optimization": false,
"outputHashing": "all",
"sourceMap": true,
"extractCss": true,
"namedChunks": true,
"aot": false,
"extractLicenses": false,
"vendorChunk": true,
"buildOptimizer": false
}
}
src/environments/environment.development.ts
は存在します
ng serve --configuration production
正常に動作します
angular.jsonファイルのconfigurations
およびbuild
セクションにserve
エントリがあります。サーブパートは、カスタム構成についても知る必要があります。設定名がdebugであると仮定して、次のようにそれをserveセクションに追加します
"projects": {
"myApp": {
[...]
"architect": {
"build": {
[...]
"configurations": {
"production": { [...] },
"debug": { [...] }
}
},
"serve": {
[...]
"configurations": {
"production": {
"browserTarget": "myApp:build:production"
},
"debug": {
"browserTarget": "myApp:build:debug"
}
}
}
}
}
}
myApp
をangular.jsonのproject
セクションの直接の子に等しいプロジェクト名に調整することを忘れないでください。また、両方のdebug
は、build
セクションの設定と一致する必要があります。
それから
ng serve --configuration=debug