打字稿创建模块

Question

我想为我们的库创建模块，所以每次调用时，我们都可以使用import {Api, Map} from "ourlibrary"

目前我正在使用以下。

import {Api} from "../../Library/Api";
import {MapPage} from "../map/map";

我如何创建自己的包以获得以下结果？

import {Api, Map} from "OurLib"

Answer 1

我看到了两个步骤：

• 在您的 SystemJS 配置的 map 块中创建一个条目：

  System.config({
    map: {
      'OurLib': 'path-to-ourlib'
    },
    packages: {
      'OurLib': {
        main: 'index.js',
        defaultExtension: 'js'
      }
    }
  });
  

• 创建一个 TypeScript 文件（例如，index.ts）作为入口点模块，用于导入/导出您想要在库之外提供的内容：

  export {Api} from "../../Library/Api";
  export {MapPage} from "../map/map";
  

Answer 2

创建一个顶级 ES6 样式 js 文件，将您的导入导出为单个文件并将其命名为 OurLib。

exports.Api = require('../../Library/Api').Api;
exports.Map = require('.../map/map').Map;

这种方法的好处是它不会将您绑定到单个模块加载器系统。由于它是直接的 ES6 特性（需要/导出），它可以被 SystemJS、Webpack、Typescript 等使用。

正如下面评论中提到的，.Api 和 .Map 在 require 语句末尾的原因是因为您通常从文件中导入的是类。在

的情况下，您将使用这样的语法

export class Api {}

和

export class Map {}

在每个相应的文件中。这样，您只分配您想要导出的类，而不是整个所需的文件。它使您可以更好地控制捆绑的、公开的模块。