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.
Cuba oc.lazyLoad
Adalah disyorkan untuk menggunakan angular-cli untuk pembangunan
Konfigurasikan dalam
.angular-cli.json
: