我正在将leaflet集成到anguler2-seed项目中。
基本上它只是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',
template: '<div id="leaflet-map"></div>',
styles: [`
#leaflet-map {
width: 500px;
height: 500px;
}
`]
})
export class LeafletComponent {}
要包含传单css文件,我将其添加到我的project.config.ts
:
this.NPM_DEPENDENCIES = [
...this.NPM_DEPENDENCIES,
{src: 'leaflet/dist/leaflet.css', inject: true}
];
这很好用。但是我的意思不对。因为这会导致为整个应用程序加载leaflet.css
,即使从未使用过地图。有没有办法隔离传单组件中leaflet.css
的包含。