Используйте внешнюю библиотеку в редакторе monaco и получите транспилированный JS

#typescript #monaco-editor

Вопрос:

Я хотел бы использовать редактор monaco на веб-сайте, чтобы продемонстрировать использование библиотеки TS, распространяемой через npm. Более того, мне нравится запускать код из редактора в контексте моего веб-сайта.

Я уже успел

  • чтобы использовать редактор monaco, в моем случае в качестве компонента react
  • чтобы получить транспилированный вывод через getTypeScriptWorker и позже getEmitOutput

На данный момент мой экземпляр в Монако обрабатывает файл подпаливания. Внутри этого файла я хотел бы сейчас импортировать другую библиотеку.

То, что я нашел, — это addExtraLib метод. Это предназначено для включения некоторых d.ts файлов определений в intellisense редактора. Однако только файлы определения типов мне не помогут, так как мне как-то нужно все в выводимом JavaScript.

Поэтому я знаю, что TS не является сборщиком, и, возможно, это даже не достижимо с Монако. Пришлось бы мне тогда напрямую использовать API компилятора TS? Я думаю, что я не первый, кто пытается это сделать, и я ничего не смог найти об этом в Интернете.

Кто-нибудь знает о предыдущих проектах, делающих что-то подобное, или у вас есть какие-либо советы, как это сделать для меня?