如何在anguler2种子项目中集成node_moduels的css?

时间:2016-09-20 13:10:42

标签: css angular leaflet

我正在将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的包含。

0 个答案:

没有答案