angular - 如何导入在同一命名空间上扩展另一个模块的模块

Question

一个简单的路障。我需要在我的一些服务中使用 Leaflet 和 Leaflet-Draw 插件。

我不知道如何导入完整的模块（核心和插件）

// the core
import * as L from 'leaflet';
// extension
import 'leaflet-draw';

export class LeafletConsumerService {}

我有一个我不太喜欢的解决方案。我通过硬链接加载库，index.html消费者只需对类型文件有一个引用声明

/// <reference path="../typings/index.d.ts" />

export class LeafletConsumerService {}

我没有其他方法可以做到这一点吗？有没有办法导入一个只会对已加载模块产生副作用的文件？

Answer 1

好的，一个快速而肮脏的解决方案。如果您从quickstart repo开始您的项目，则此答案有效。转到system.config.extras.js并扩展您的配置：

System.config({
    map: {
        'leaflet': 'npm:leaflet/dist/leaflet.js'
    },
    packages: {
        leaflet: {
            defaultExtension: 'js'
        },
    }
});

这意味着我们现在可以像这样导入传单

import * as L from 'leaflet';

并按照描述添加我们相应的扩展文件

import 'your-leaflet-extension';

请记住为您的扩展扩展类型信息（通过类型文件或自己制作）