如何从多个TypeScript文件创建前端JavaScript库?

时间:2018-04-15 13:46:40

标签: typescript webpack

我正在尝试将一个JavaScript库创建为单个文件,以便在Web客户端(前端)中使用,使用分为多个文件的TypeScript源。

由于这将由Web浏览器使用,因此大多数模块导入语法(umdes6system等)都不起作用。就此而言,由于我希望加载速度相当快,因此使用新的<script type="module">语法并不足以满足我的需求。 (我已经尝试过了,无论如何我都无法工作。)我也不想导入像RequireJS或SystemJS这样的第三方模块库。

我也尝试使用WebPack来组合所有模块化文件,但令我沮丧的是,它似乎保留了模块化语法并且只是连接文件,有时甚至在过程中修改了类名。例如:

export
class BERElement extends ASN1Element {

成为:

// CONCATENATED MODULE: ./built/modules/ber.js
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BERElement", function() { return ber_BERElement; });

class ber_BERElement extends ASN1Element {

所以,重申:如果给定一个在多个文件中分解的TypeScript库,我是否会生成一个的:

  • 是一个单一文件
  • 在网络浏览器中运行
  • 不需要在Web浏览器中加载第三方依赖项

0 个答案:

没有答案