在角度分量内使用外部es6模块

时间:2018-02-12 12:51:42

标签: angular typescript webpack es6-modules

我有使用ng new创建的新角度cli项目,我使用ng eject提取webpack配置。

所以现在我有一个外部es6模块,我想在我的一个组件中使用它。

让我们假设这样的项目结构: var clickCounter = 0; $("#body").click(function() { clickCounter++; switch (clickCounter) { case 1: showpanel(); setTimeout(function() { hidepanel(); }, 1820); setTimeout(function() { movetotop(); }, 1820); setTimeout(function() { movetotopheight(); }, 1820); setTimeout(function() { nav(); }, 1820); break; case 2: centralbutton(); break; case 3: footerarea(); break; case 4: side(); break; } }); 此文件夹有两个文件src\app\customModulemyModule.ts

我为此模块创建了新的入口点和块,并将其命名为myModule2.ts并确保在主块之前下载。

这是customeModule档案:

myModule.ts

module MyModule{ export interface CarProperties { name:string; price:number; } export enum CarType{ BMW, Hyundai } } 档案:

myModule2.ts

所以假设我将在app.component.ts中使用它:

module MyModule{
    export class Car {
         private speed:number;

         constructor(){
              console.log("New car has been initialized");
         }
    }
}

一旦我运行npm run start或npm run build,我看到了带有网络选项卡的新块,但仍然得到 MyModule未定义

有什么建议吗?在此先感谢:)

0 个答案:

没有答案