angular.js - Angular 2: Bagaimana untuk memasukkan fail normalize.css secara automatik semasa masa jalan?

Question

Ketika saya belajar Angular 2 baru-baru ini, saya mendapati bahawa masalah biasa HTML 5 body margin:8px masih wujud, sama seperti memperkenalkan normalize.css untuk membuang gaya yang tidak perlu ini.

Cara tradisional ialah mengimport terus fail .css, seperti: <link rel="stylesheet" href="node_modules/normalize.css/normalize.css" />, tetapi sekarang saya mahu Angular memperkenalkan helaian gaya normalize.css secara automatik untuk index.html dengan mengimport modul.

Saya mula-mula mengikuti cara saya memperkenalkan Bahan 2 sebelum ini:

// 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';

Editor akan menggesa:

Tidak dapat mencari modul 'normalize-path'.

Dan kompilasi tidak lulus, mungkin titik permulaan saya salah.

Saya cuba mencari jawapan pada stackoverflow tetapi tidak menemuinya dan Google tidak menemui sebarang catatan blog atau perbincangan tentang isu berkaitan.

Answer 1

Cuba oc.lazyLoad

Answer 2

Adalah disyorkan untuk menggunakan angular-cli untuk pembangunan
Konfigurasikan dalam .angular-cli.json:

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