J'ai vu beaucoup de modèles qu'ils mettent leurs fichiers de style (* .CSS | * .scss) dans un dossier nommé thème sous le module d'applications.
pourquoi ils ne mettent pas leurs fichiers de style dans le dossier ?
3 Réponses :
En règle générale, le dossier d'actifs serait utilisé pour des fichiers statiques tels que des images ou des fichiers à utiliser tels quels. Documentation angulaire sur les fichiers source d'application Il n'y a rien vraiment indiqué que vous avez besoin Utiliser une structure de dossiers spécifique pour stocker des fichiers CSS. Donc, les développeurs utilisant le dossier thématique peuvent l'utiliser comme une préférence personnelle car les fichiers CSS à l'intérieur peuvent fournir une apparence courante ou une sensation de leur application. Ils peuvent utiliser une bibliothèque telle que des matériaux angulaires qui utilisent des thèmes pour fournir un style mondial aux composants de la bibliothèque. Ces thèmes aident à définir les couleurs et le style général des composants fournis dans la bibliothèque de matériaux. Le matériau angulaire vous permet de créer des thèmes personnalisés à utiliser au lieu des thèmes par défaut fournis et que vous avez généralement vu des développeurs stocker leurs fichiers CSS personnalisés CSS dans un dossier à thème.
Je ne suis pas sûr de thème mais les actifs est un lieu de conversation de bits pour les styles. Il est généralement utilisé pour stocker des fichiers multimédia et des polices. Les styles spécifiques des composants sont généralement placés dans le même répertoire avec modèle et .ts . Les styles partagés peuvent être placés sur l'application / styles le niveau comme:
Si vous voyez le fichier angular.json, vous voyez que, dans la "tag" "styles", vous voyez ce fichier .CSS
Tipical que vous voyez p>
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/demo",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.css"
"themes/customTheme.css" //<---THIS line
],
"scripts": []
},