Обработка css микро-интерфейса Vaadin

#vaadin #web-component #vaadin14 #micro-frontend

Вопрос:

Я пытаюсь реализовать микрофронт с помощью Vaadin 14. Мне удалось создать рабочую версию благодаря официальной документации Vaadin и различным примерам на github, используя WebComponentExporter. Однако я не могу найти никакой информации об использовании css в этих экспортированных веб-компонентах. Я пытался везде разместить @CssImport, но безуспешно.

Я в значительной степени в той же ситуации, что и Стюарт, в этом вопросе на форуме Ваадина, на который нет ответа: https://vaadin.com/forum/thread/18466808/cssimport-when-using-component-exporter

Поскольку этот форум теперь доступен только для чтения, я надеюсь найти решение здесь.

Ответ №1:

Попробуйте скомпилировать с производственным профилем. Примеры микрофронтов не комментируют это, но если вы не работаете с производственным профилем, они не работают, по крайней мере, в моем случае.

Проверьте, чтобы webpack.config.js файл не фильтрует файлы css.

Убедитесь, что файлы css находятся в правильной папке интерфейса.