2017-03-06 45 views
0

我對Typescript2非常陌生。我很喜歡它,並編寫了一個模塊,可以輕鬆導入並用於其他Typescript2項目。但我也希望我的圖書館能夠通過簡單地使用HTML標籤作爲獨立使用。但是,當我這樣做時,瀏覽器會抱怨「導出未定義」。使用HTML <script>標記加載轉發的TS2?

我猜我必須寫一些JavaScript,導入我的模塊並實例化它,然後讓我的瀏覽器加載該包裝腳本。我在正確的軌道上嗎?如何創建一個打印腳本,將其轉換爲我可以用瀏覽器本地加載的腳本標記,只需加載並實例化?

回答

0

你在正確的軌道上。你需要的是一個模塊加載器。對於瀏覽器,雖然有幾個選項(requirejs,browserify,webpack,rollup),但在typescript documentation中提到了requirejs。

我用requirejs與打字稿,所以我有經驗做以下步驟:

對於requirejs,你可以做以下上手。

  1. 確保所使用打字稿配置文件或命令行運行打字稿編譯器命令(TSC)時編譯爲在AMD格式模塊compiler option arguments

    // tsconfig.json 
    { 
        "compilerOptions": { 
         "module": "amd" 
        } 
    } 
    
  2. 獲取requirejs

  3. 注意,是輸出的打字稿編譯
    • 例如「我的-的script.js」
  4. 的.js文件名的腳本標記添加到頁面
    • 對於例如<script data-main="scripts/my-script" src="require.js"></script>

有一個簡單的 「入門」 啪ge for requirejs http://requirejs.org/docs/start.html

作爲獎勵,要將多個模塊導出到單個文件,可以使用--outFile編譯器選項來輸入typescript。