2017-04-18 143 views
2

如何重新使用功能?我想宣佈一次,然後將它們包含在其他文件中。在打字稿中導入功能

我創建了一個模塊全球,包括我可能要添加到其他打字稿文件

一些功能我試着在另一個打字稿文件中的以下內容:

import test = require("./Global"); 
import * as testFunctions from "Global" 

兩條線給出錯誤說法模塊無法找到。該模塊對打字稿是絕對可見的,因爲我實際上在文件的其他地方引用了這個模塊,並將其稱爲正在工作的函數(例如:Global.stopSpinner())。

林不知道我在做什麼錯,但是,因爲我是下面的例子。有人能解釋我的正確方法嗎?

回答

4

一個例子:

// global.ts 
export function abc() { 
} 

// main.ts 
import { abc } from "./global" 
abc(); 

我建議閱讀the introduction to ES6 modules from Mozilla

+0

謝謝,我現在正在工作。然而,它並沒有爲我提供預期的功能。我通過這種方式將函數定義包含在創建的JavaScript中。 (因此,只需要爲頁面包含一個文件,而不是包含引用函數的js文件)。 – Kai

+2

@Kai如果您在前端應用程序中使用模塊,則必須使用打包程序(Webpack)或加載程序(SystemJS)。 Webpack是最簡單的解決方案。 [這是一個文檔](https://webpack.js.org/guides/webpack-and-typescript/)。 – Paleo