如何在anguler2种子项目中集成来自node_模块的css?
我正在整合到一个项目中 基本上,它只是npm装入传单并用于传单组件:如何在anguler2种子项目中集成来自node_模块的css?,css,angular,leaflet,Css,Angular,Leaflet,我正在整合到一个项目中 基本上,它只是npm装入传单并用于传单组件: import {Component, OnInit} from '@angular/core'; import 'leaflet/dist/leaflet.js'; declare let L: any; /** * This class represents the leaflet integration. */ @Component({ selector: 'el-leaflet', templat
import {Component, OnInit} from '@angular/core';
import 'leaflet/dist/leaflet.js';
declare let L: any;
/**
* This class represents the leaflet integration.
*/
@Component({
selector: 'el-leaflet',
template: '<div id="leaflet-map"></div>',
styles: [`
#leaflet-map {
width: 500px;
height: 500px;
}
`]
})
export class LeafletComponent {}
这个很好用。但我错了。因为这会导致为整个应用程序加载传单.css
,即使地图从未使用过。是否有办法在传单组件中隔离包含传单.css
this.NPM_DEPENDENCIES = [
...this.NPM_DEPENDENCIES,
{src: 'leaflet/dist/leaflet.css', inject: true}
];