как экстернализировать пакет в приложении typescript?

#typescript #external #pixi.js

#typescript #внешний #pixi.js

Вопрос:

Я работаю над проектом typescript, который зависит от pixi.js . До настоящего времени мы использовали pixi, импортируя его как import * as PIXI from 'pixi.js' в требуемых исходных файлах и загружая его в папку node_modules и передавая его через index.html тег скрипта as <script scr="../node-modules/pixi/dist/pixi.min.js"> , также добавленный в качестве зависимостей в package.json. Но теперь мы экстернализируем pixi, заменяя локальный путь на путь cdn, как <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js" integrity="sha512-Ec75DRiwr6T4 Dpj4/CD12Cp hs5zRpm6h/JVBLuViqbXdXfSU7gYS302B2w2abkwhUMxxHnLKDPdjvDpc HmA==" crossorigin="anonymous"> </script> в index.html и добавил его в раздел externals в webpack.config.ts. Теперь проблема в том, что когда я запускаю свое приложение, оно выдает ошибку, поскольку PIXI не определен, я должен удалить строки импорта везде, где я использовал import * as PIXI from 'pixi.js' для решения этой проблемы. Я не могу понять, как мой проект успешно строится после удаления импорта? даже если во время выполнения pixi.js доступ осуществляется через путь cdn, для построения моего приложения потребуются объявления классов, зависящих от pixi. Я проверил, доступен ли пакет для pixi в моей системе глобально, но это не так. Как решить неопределенную ошибку pixi, не удаляя импорт и не используя его через путь cdn?