Я работаю над приложением JHipster:
* JHipster 6.8.0 (monolith)
* PostgreSQL
* Vuejs blueprint
* Bootswatch flatly theme
Мне удалось развернуть его на Heroku (формирование Dyno + Postgre Hobby dev) с помощью вспомогательного генератора, но потом я понял, что мое приложение выглядело иначе, чем в режиме разработки.
Итак, я запустил локальную сборку моего приложения в производственном режиме, а затем смог воспроизвести.
Первая проблема, я были проблемы с CSP в отношении шрифтов Google, мне удалось исправить ошибки в консоли браузера, следуя этому совету: https://github.com/jhipster/generator-jhipster/pull/10116/files, но приложение все равно выглядит иначе:
Когда я проверяю элемент, в режиме разработки у меня есть:
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
В производственном режиме:
font-family: Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
В этом случае я полагаю, что рабочий режим правильный, поскольку тема Flatly использует шрифты Google.
Вторая проблема: по какой-то причине стиль на «карточке» css класса отличается для dev и production, в режиме dev:
card {
position: relative;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
min-width: 0;
}
В производственном режиме:
.card {
position: relative;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
min-width: 0;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
}
В этом случае режим разработчика правильный, как и я Не то, что это за граница.
К вашему сведению: у меня есть несколько CSS настроек в vendor.s css, но ничего, связанное с этим и этими настройками, отлично работает в обоих профилях. Конфигурация Webpack осталась нетронутой.
Похоже, что у меня CSS различий между профилями, я хотел бы иметь согласованный интерфейс, что я должен проверить, чтобы попытаться исправить это?
Есть мысли? Спасибо.