Typescript 带有使用 es6 模块的外部库

Question

我想将 Typescript 与不是模块且不是 typescript 的库（例如 PixiJS 和 SortableJS）一起使用。 使用 es6 模块执行此操作的最佳方法是什么？ 我宁愿不使用 webpacker 之类的东西。

Answer 1

我建议做类似的事情

import * as Pixie from 'pixie.js'

然后你可以像这样使用它

// Not familiar with what the libraries do or what they are
Pixie.doSomething or const pixie = new Pixie() 

由于我不熟悉你提到的库，显然我可能没有引用正确的路径，但你明白了。 当我在没有 webpack 但纯 ts 的 ts 项目中使用 loadsh 时，这可以import * as _ from 'loadsh

请注意。 如果您在使用 tsc 编译时没有使用 webpack 或类似的东西，它会在您每次导入时将您导入的任何库捆绑到 .js 文件中，这意味着您的文件将非常大！

Webpack 可帮助您将所有这些库创建到外部单个包中，所有 your.js 文件将从该单个包中接收它们，从而最小化文件大小。