get/set wurden verworfen zugunsten des config-Befehls

Verwendung von angular-cli auf der Kommandozeile, die ich ausgeführt:

ng set defaults.styleExt styl

um das default-styling-Stift, und ich bekam diese Antwort:

get/set wurden verworfen zugunsten der config-Befehl

Möchte ich die Formatvorlage ändern, die Erweiterung auf ein BESTEHENDES Projekt zu verwenden SCSS. Wie mache ich das mit dem config-Befehl? Wo ist die Dokumentation für ng config?

Ich bin mit Eckigen CLI-v6.0.0

ng Hilfe sagt:

config Get/set configuration Werte

aber nicht aufwendig. Dank

github.com/angular/angular-cli/wiki/config
sehr nützlicher link, vielen Dank - aber nicht sicher, welcher Wert in der config-Bedürfnisse verändern, um dies zu erreichen
warum würden Sie nicht einfach ersetzen set mit config? warum würde das Schlüssel/Wert-anders sein?
Es scheint eine änderung im layout der config-Datei im Winkel-cli-v6
https://github.com/angular/angular-cli/wiki/stories-css-preprocessors
bitte fügen Sie Ihren Kommentar als Antwort und ich werde dies akzeptieren, da es aus offiziellen docs thx

InformationsquelleAutor danday74 | 2018-05-07

angular angular-cli

23

Eckige 6 Sie möchten, verwenden Sie den folgenden Befehl ein:
```
ng config schematics.@schematics/angular:component.styleext styl
```
Diese automatisch den "Schaltplänen" im Abschnitt halfer erwähnt, um den Winkel.json-Datei.

Hier ist die offizielle Dokumentation:
https://github.com/angular/angular-cli/wiki/stories-css-preprocessors
- Ich ersetzte styl mit scss , das ist ng config schematics.@schematics/angular:component.styleext scss
- Ja, das wäre die richtige Art und Weise zu ändern, die Standard-style-Erweiterung sass-Datei. Ich hatte styl in meiner Antwort, weil die Person, die die Frage gestellt wurde, Fragen über das ändern der Standard-styling der Stift. Dieses argument kann geändert werden, um beliebige Datei-Endung Sie möchten die Standardeinstellung zu sein.
- Ich Folge verpasst. Nicht wissen, die person Sprach über den Stift. Deine Antwort ist natürlich richtig.
- Setup für sass verwenden Sie die folgenden: ng config schematics.@schematics/angular:component.styleext scss -g
InformationsquelleAutor Mr Shantastic
23

OK ich habe ein diff auf ein Projekt erzeugt mit:
```
ng new --style=styl PROJECT_NAME
```
und der gleichen ohne die --style-flag und die Unterschiede in den Winkel.json-config-Datei dargestellt werden, in der 2 .png-Dateien beigefügt.

Mit diesen diffs, die ich manuell änderungen vorgenommen eckig.json wie folgt:

(1) Ändern projects.PROJECT_NAME.schematics wie folgt:
```
"schematics": {                                                                                    
  "@schematics/angular:component": {                                                               
    "styleext": "styl"                                                                             
  }                                                                                                
}
```
(2) Ändern projects.PROJECT_NAME.architect.build.options.styles wie folgt:
```
"styles": [                                                                                  
    "src/styles.styl"                                                                          
]
```
(3) Ändern projects.PROJECT_NAME.architect.test.options.styles wie folgt:
```
"styles": [                                                                                  
  "styles.styl"                                                                              
]                                                                                           
```
(4) Umbenennen src/styles.css src/styles.styl

Ihre vorhandenen Komponenten gerne weiter verwenden .css sondern neue Komponenten werden jetzt generiert werden, mit .styl - Dateien.

Diffs im PNG-format wie folgt:

...
- Wo findest du diese Lösung? Danke, ich werde versuchen, es für scss. Diese änderungen.
- Ich wusste nicht, finde diese Lösung - ich habe mich durchgearbeitet durch ein git diff auf ein Projekt erzeugt mit --style-flag und ein Projekt generiert, ohne diese flag - froh, Sie arbeitete für die u too 🙂
- clever dude 😉
InformationsquelleAutor danday74
7

ng config projects.PROJECT_NAME.schematics.@schematics/angular:component '{ styleext: "scss"}'

für ein bestimmtes Projekt oder für den Standard über alle Projekte

ng config schematics.@schematics/angular:component '{ styleext: "scss"}'
- die zweite ist nicht mit mir zu arbeiten. Erhielt ich: "kann Nicht Lesen-Eigenschaft 'value' ist null"
- Oh, um es verwenden zu können, müssen wir hinzufügen, ein -g am Ende: ng config schematics.@schematics/angular:component '{ styleext: "scss"}' -g
- aber auch das Hinzugefügt werden, um Winkel-config, ng neue ist noch schaffen, das Projekt als css 🙁
- es ist ein bug: github.com/angular/angular-cli/issues/10135
- auch mit -g bekomme ich Invalid JSON character: "s" at 0:11.
- Ich fand eine etwas andere version von dem, was hervorragend funktioniert hat, und kommt direkt aus der Win-cli-Dokumentation. https://github.com/angular/angular-cli/wiki/stories-css-preprocessors
InformationsquelleAutor George Wilson

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.