如何在浏览器中加载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 {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文件等一起发布，无论你在哪里提供网页，并确保你在HTML中设置了自己的脚本的type属性为module。