如何在瀏覽器中加載 JS/TS 中的庫？

Question

我有一個由 TypeScript 文件和 HTML 頁面組成的項目。 目前，我正在通過將它們包含在標簽中來加載 TypeScript 文件在 HTML 頁面中需要的幾個庫，即<script src="https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.min.js"></script> 。

由於我想在其他網頁中使用 TypeScript 代碼而不必復制一堆腳本標簽，有沒有辦法可以在 TypeScript 文件中而不是在 HTML 文件中加載庫？ 我嘗試搜索它並看到了一些選項（例如， import 和 export ）但只是使用import {Tabulator} from 'tabulator-tables'; 顯然沒有用，我有些失落。

Answer 1

因為您聲明您沒有使用任何捆綁程序，並且您不想在<script>元素中使用 UMD 模塊，所以您需要一個 ES 模塊格式的tabulator-tables版本。 看起來這個包在https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.es2015.min.js提供了一個。 您可以將該文件本地下載到您的項目中，並在您的腳本中從它導入，如下所示：

import Tabulator from './relative/path/to/where/you/saved/tabulator.es2015.min.js';

您需要將下載的模塊與您的 HTML 文件、JS 文件等一起發布到您為網頁提供服務的任何地方，並確保您將自己的腳本的type屬性設置為 HTML 中的module 。