angulaire.js - Angular 2 : comment inclure automatiquement le fichier normalize.css au moment de l'exécution ?

Question

Quand j'apprenais Angular 2 récemment, j'ai découvert que les problèmes courants de HTML 5 body margin:8px existaient toujours, tout comme l'introduction de normalize.css pour éliminer ces styles inutiles.

La méthode traditionnelle consiste à importer directement le fichier .css, tel que : <link rel="stylesheet" href="node_modules/normalize.css/normalize.css" />, mais maintenant je veux qu'Angular introduise automatiquement la feuille de style normalize.css pour index.html en important le module.

J'ai d'abord suivi la façon dont j'ai présenté le Matériel 2 auparavant :

// angular-cli-build.js

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      'normalize-path/index.js',
    ]
  });
};

// system-config.ts 

const map: any = {
  'normalize': 'vendor/normalize-path',
};

/** User packages configuration. */
const packages: any = {
  'normalize': {main: 'index.js'},
};

// app.component.ts

import { normalize } from 'normalize-path';

L'éditeur demandera :

Impossible de trouver le module 'normalize-path'.

Et la compilation ne passe pas, peut-être que mon point de départ est faux.

J'ai essayé de trouver la réponse sur stackoverflow mais je ne l'ai pas trouvée, et Google n'a trouvé aucun article de blog ou discussion sur des problèmes connexes.

Answer 1

Essayez oc.lazyLoad

Answer 2

Il est recommandé d'utiliser angulaire-cli pour le développement
Configurer dans .angular-cli.json :

"styles": [
        "styles.css",
        "../node_modules/normalize.css/normalize.css"
      ]