javascript - 如何在 Angular 2 中包含外部 JavaScript 库？

Question

我正在尝试在我的 Angular 2 应用程序中包含一个外部 JS 库，并尝试将该 JS 文件中的所有方法作为 Angular 2 应用程序中的服务。

例如:假设我的 JS 文件包含。

var hello = {
   helloworld : function(){
       console.log('helloworld');
   },
   gmorning : function(){
      console.log('good morning'); 
   }
}

所以我尝试使用这个JS文件并重用这个对象中的所有方法并将其添加到一个服务中，这样我的服务就有了公共(public)方法，而公共(public)方法又调用了这个JS方法。我正在尝试重用代码，而不是在基于 typescript 的 Angular 2 应用程序中重新实现所有方法。我依赖于一个我无法修改的外部库。请帮忙，提前谢谢你。

Answer 1

使用 ES6，您可以导出变量:

export var hello = {
  (...)
};

然后将它像这样导入到另一个模块中:

import {hello} from './hello-module';

假设第一个模块位于 hello-module.js 文件中，并且与第二个模块位于同一文件夹中。不必将它们放在同一个文件夹中(您可以这样做:import {hello} from '../folder/hello-module';)。重要的是该文件夹由 SystemJS 正确处理(例如使用 packages block 中的配置)。