Comment inclure des styles personnalisés Angulaire de la CLI

Je voudrais ajouter mon propre CSS personnalisé pour mon nouveau Angulaire de la CLI app...

Cependant j'ai du mal à obtenir que cela fonctionne et il n'y a pas beaucoup de documentation sur la façon dont cela fonctionne, ce qui en fait un peu de travail suppose!

Dans l'image ci-dessous, j'ai ajouté ma feuille de style personnalisée dans le .angulaire de la cli.fichier json de la manière suivante:

  "styles": [
    "styles.css",
    "app/assets/css/styles.css"
  ],

Toutefois, cela ne fonctionne pas...

Veuillez indiquer les!

Comment inclure des styles personnalisés Angulaire de la CLI

utilisez-vous des ng servir ?
vous pouvez ajouter le chemin d'accès à votre index.html

OriginalL'auteur HappyCoder | 2017-03-01

  1. 9

    Que par votre structure de dossier, le chemin d'accès correct est assets/css/styles.css sorte de changement dans votre angular-cli.json fichier comme ci-dessous et de le vérifier. 

    "styles": [
  "styles.css",
  "assets/css/styles.css"
],
    Merci, c'est le chemin d'accès à utiliser. J'ai également eu à arrêter et redémarrer l'application pour elle de reconnaître le nouvel emplacement... je viens de l'ajouter et l'actualisation du site.
    Oui! Le redémarrage de ng serve est ce qui manquait pour moi.
    où est-ce angulaire.json angulaire 6?

    OriginalL'auteur ranakrunal9

  2. 1

    Façon la plus simple est de créer un dossier (dans src/) appeler styles/ placez votre style.css (ou SCSS et tous les autres _variables.scss fichiers) puis modifier angular-cli.json ainsi:

    "styles": [
  "styles/styles.css"
]
    Il n'y a rien de techniquement le problème avec cette réponse... ce n'était pas très bien expliqué. Nulle part ne l'OP dire que la structure de dossier devait être de moins actifs.

    OriginalL'auteur gio