angular - 将节点模块导入 Angular typescript /Angular cli的正确方法是什么

Question

我正在将一些“遗留”(非 typescript )js 库导入到我的 Angular SPA 中。

通常我只是从 cdn 添加一个负载到 index.html 就像:

<script src="//cdnjs.cloudflare.com/ajax/libs/pako/1.0.6/pako.min.js"></script>

在 Angular 分量中我只是贴花

declare var pako: any;

这通常有效。现在我喜欢在本地“托管”这个库。我可以使用

将它添加到 Angular 项目中

npm install pako

但是我该如何将它添加到 Angular 应用程序中呢？
我测试了向 polyfills.ts 添加导入(这适用于 hammerjs 但不适用于 pako)

这也适用于 ng 构建(并且可能被添加到编译/打包的 runtime.js 中

顺便说一句:这是一个测试 stackblitz https://stackblitz.com/edit/ng-load-pako

Answer 1

我喜欢所有提供 stackblitz 链接的问题，以便我可以轻松地提供正确答案:

https://stackblitz.com/edit/ng-load-pako-gfunsb

基本上，您只需要这样做:

import * as pako from 'pako';