Подскажите, пожалуйста, как решить проблему? Использую библиотеку Vuestic и tailwindcss —

Question

Подскажите, пожалуйста, как решить проблему? Использую библиотеку Vuestic и tailwindcss —

<VaSelect class="flex-none"/>

В режиме dev css правила применяются сначала vuestic, а потом tailwind (специфичность одинаковая, но tailwind по коду становится ниже - ожидаемое поведение), но после сборки билда порядок поменялся. Как я понимаю в режиме дева style вставляется по порядку импорта, то в билде правила объединяются и общие правила tailwind загружаются первыми и порядок может сломаться. Сборщик vite

#programming #russian #vue.js

0

12.09.2023

5 ответов

7 просмотров

Dima Автор вопроса

Illya Klymov 🇺🇦
https://github.com/vitejs/vite/issues/1171

Спасибо. Но я как я понял из ишью, это ожидаемое поведение для сборки. Другой вопрос, как теперь решить это? Оборачивать компоненты и устанавливать классы для обертки?

0

9 месяцев назад

Illya Klymov 🇺🇦

Dima
Спасибо. Но я как я понял из ишью, это ожидаемое п...

Импортировать их в нужном порядке

0

9 месяцев назад

Dima Автор вопроса

Illya Klymov 🇺🇦
Импортировать их в нужном порядке

Немного не понял. Ишью заведена, чтобы SFCs стили импортировались после index.css. В Моем main.js порядок, тот, который я ожидаю, такой же порядок и работает в режиме dev, но в режиме билд, он делает как раз объединение и получается как раз то, что просит автор ишью. Разве нет?

0

9 месяцев назад

Dima Автор вопроса

Illya Klymov 🇺🇦
Импортировать их в нужном порядке

Что думаете по поводу моего уточнения?

0

9 месяцев назад

Illya Klymov 🇺🇦 · Accepted Answer

Illya Klymov 🇺🇦

https://github.com/vitejs/vite/issues/1171

0

9 месяцев назад

169 похожих чатов

Подскажите, пожалуйста, как решить проблему? Использую библиотеку Vuestic и tailwindcss —

5 ответов

Похожие вопросы