Я использую веб-пакет для объединения своего проекта и хочу загрузить стиль в шаблон веб-компонента в качестве внешней ссылки, чтобы я мог использовать кэширование в браузере.
Это хорошо работает, когда я загружаю CSS inline, но я хочу избежать этого, так как считаю, что не стоит повторять большое количество CSS на одной странице.
Я попробовал следующие шаги
- Сохранить CSS name stati c - работает, но не выполнимое решение, поскольку оно не помогает с разрывом кэша
Попытка представить динамически генерируемое имя файла как глобальную константу через веб-пакет. это не работает: (
новый webpack.DefinePlugin ({PUBLIC_CSS_FILE: JSON .stringify ('css / [name]. [hash]. css'))}
Ссылка на пример кода -> https://github.com/nmakod/web-component
Любые предложения будут очень полезны