Как правильно импортировать модуль узла в angular typescript / angularcli

Я импортирую некоторые "устаревшие" (не машинописные) библиотеки js в свой угловой SPA.

обычно я просто добавляю нагрузку из cdn в index.html, например:

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

а в угловой составляющей я просто декалей

declare var pako: any;

это обычно работает. Теперь мне нравится размещать эту библиотеку локально. Я могу добавить его в проект angular с помощью

npm install pako

Но как мне добавить его, кроме приложения angular?
Я тестировал добавление импорта в polyfills.ts (это работает для hammerjs, но не для pako)

Также это должно работать для сборки ng (и, вероятно, будет добавлено в скомпилированный / упакованный runtime.js

Кстати: вот тестовый stackblitz https://stackblitz.com/edit/ng-load-pako

stackoverflow.com/a/51897552/2622292
SiddAjmera 03.09.2018 22:10

Вы добавили его через ссылку на внешний скрипт. Другим, кто устанавливает pako, также придется сделать то же самое - через тег скрипта.

pixelbits 03.09.2018 22:14

на самом деле импорт ниже отлично работает и звучит для меня элегантно для пакета npm. Мне не нужно знать путь к lib pako.min.js, просто имя пакета npm. Не пробовали скрипт tga в angular.json - есть ли преимущество? (для обоих, кажется, запаковано в vendor.js)

mhoff 04.09.2018 16:20
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
2
3
2 671
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Мне нравятся все вопросы, содержащие ссылку на stackblitz, так что я могу легко дать правильный ответ:

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

По сути, вам просто нужно сделать:

import * as pako from 'pako';

Спасибо было так легко

mhoff 04.09.2018 15:43

Другие вопросы по теме