Как я могу ссылаться на CSS (который был скомпилирован из SCSS) из IFrame в Angular 5.2?

Question

Я пытаюсь сослаться на CSS-файл в моем родительском приложении из IFrame (я контролирую как приложение, так и Iframe).Мои таблицы стилей написаны в SCSS, а затем, похоже, скомпилированы в CSS и записаны в HTML как строчные style элементы в моем документе <header>, когда я выполняю ng serve.

Что является правильнымспособ получить доступ к CSS изнутри IFrame?Моя первая мысль состоит в том, чтобы изменить процесс для вывода реальных файлов CSS, а не записывать CSS в строке, но я не уверен, как это настроено.Возможно, мне нужно взять инструмент для сборки, такой как Gulp, чтобы справиться с этим для меня и вынуть его из рук Ангуляра?

Answer 1

Решение, которое мы решили использовать, состоит в том, чтобы вручную скомпилировать SCSS и ссылаться на вывод CSS из IFrame.В конце концов, этот шаг должен быть автоматизирован (с чем-то вроде Grunt или Gulp), но сейчас мы просто делаем это вручную.

Любые лучшие решения приветствуются!

Answer 2

Внутренняя часть и внешняя часть iframe являются (для большинства целей и задач) отдельными средами.CSS, примененный к одному, не влияет на отображение другого.

Поскольку внутри iframe находится другая страница, вы примените CSS к этой странице так же, как к любой странице.