vad är rätt sätt att importera ett node-modul till Angular TypeScript/AngularCLI


Jag importerar några "legacy" (icke TypeScript) JS-bibliotek till min Angular SPA.

normalt lägger jag bara till ett paket från cdn till index.html som:

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

och i den vinkelkomponent jag just deklarerade

declare var pako: any;

detta fungerar typiskt. Nu vill jag "hosta" detta bibliotek lokalt. Jag kan lägga till det i Angular-projektet med

npm install pako

Men hur lägger jag då till det i den Angular-appen?
Jag testade att lägga till en import i polyfills.ts (detta fungerar för hammerjs men inte för pako)

Detta bör också fungera för ng build (och då förmodligen läggas till i den kompilerade/packade runtime.js)

Förresten: här är en test på stackblitz https://stackblitz.com/edit/ng-load-pako

Svar #1

Jag älskar alla frågor som ger en stackblitz-länk så att jag enkelt kan ge det korrekta svaret:

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

I princip behöver du bara göra:

import * as pako from 'pako';

Relaterade artiklar