Редактировать Я исправил проблему, переместив пользовательский CSS в собственный файл в каталоге assets и затем импортировав его после vuetify css в main.js. Но есть ли способ заставить его работать, сохраняя CSS в файлах .vue?
У меня проблема со сборкой рабочей версии для моего приложения Vue. Во время разработки я добавил некоторые ограниченные, но в основном глобальные стили CSS, которые переопределяют некоторые из стилей Vuetify, и все это прекрасно работает во время разработки, но когда я пытаюсь создать и использовать для производства, эти стили отсутствуют.
Пример нестандартного стиля в vue файлах
.v-card__title{
padding: 8px;
padding-top: 0px;
padding-bottom: 0px;
font-size: initial
}
Моя vue-cli настройка в основном совпадает с настройкой по умолчанию при создании проекта с vue-cli. Единственное, что я изменил, это добавление объекта proxyTable во время разработки.
Я попытался установить NODE_ENV="production" в качестве envar, удалив опцию proxyTable, но встроенная версия не включает стили dev.
Мой производственный экспресс-сервер просто обслуживает файлы сборки, используя:
app.get('/', (req, res) => {
res.sendFile('index.html', {root: publicRoot})
});
Все функции приложения работают нормально, только не мои стили. Что я могу сделать, чтобы решить эту проблему?