Угловые фасоны HMR с изоляцией (webpack hmr)
Я хотел бы иметь установку с Angular 4, Webpack & HMR.
Больше всего меня волнует на самом деле замена стиля. Я сделал домашнее задание и до сих пор не смог найти рабочее решение.
Просто чтобы проверить: есть ли у кого-нибудь готовое решение для этого?
Если нет, то, я думаю, мне нужно больше понять тему:
1) Какой алгоритм использует Angular для назначения специфичных для компонента атрибутов css?
2) Есть ли какой-либо API в Angular (это JavaScript, так что я не против, если он общедоступен или детали реализации /"скрыты"), который позволил бы мне перезагрузить / заменить стили для данного компонента? Я провел небольшое исследование по HMR, и если такой API существует или его можно реализовать, я бы с удовольствием попробовал и использовал его.
3) Проверьте, верны ли мои предположения: с технической точки зрения это не должно быть слишком сложным - Angular (по крайней мере, в моей настройке) загружает все стили как <style> теги - если я не ошибаюсь, один для каждого типа компонента.
Если это все правда, то не должно быть большой сделки, чтобы найти правильный <style> пометить и заменить его содержимое тем, что я получаю из Webpack HMR.
Единственной проблемой будет применение изоляции - скомпилируйте css и примените там атрибуты [__ngSomething].