iframe (или другой html-тег), который загружает локальный проект с внешними ресурсами

#javascript #html #iframe #plugins

#язык JavaScript #HTML #фрейм #Плагины

Вопрос:

Я создаю приложение ElectronJS, которое должно позволять устанавливать плагины пользовательского интерфейса, которые должны храниться локально. Сейчас я ищу способ отображения этих плагинов. Плагин сам по себе должен быть просто другим веб-сайтом, который взаимодействует с родительским приложением посредством передачи сообщений, как это обычно бывает при общении с iframe. Мне успешно удалось отобразить локальный html-файл, скрипты и стили которого встроены в HTML-файл. Настройка webpack или других комплектов для объединения проекта в один встроенный файл оказалась болезненной, И я все еще не мог понять, как объединить файловые ресурсы (изображения и т. Д.) В виде URL-адресов данных в HTML-файл. Поэтому я ищу способ дать указание iframe (или, возможно, любому другому html-тегу) загрузить локальный файл ввода html и ресурсы, на которые имеются ссылки в файле, а также. В конце концов, проект локального плагина должен работать так же, как и любой размещенный веб-сайт, на который есть ссылка в iframe.

Я искал проекты, делающие что-то подобное. Figma использует подход с объединением пользовательского интерфейса в один файл (чего я пытаюсь избежать), и VSCode, похоже, делает то, что мне нужно, но в своей документации Microsoft не вдается в подробности компиляции ресурсов.

Комментарии:

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