#vue.js #less #vue-component #webpack-style-loader
#vue.js #Меньше #vue-компонент #загрузчик в стиле webpack
Вопрос:
Я использую меньше css в своих компонентах vue. Некоторые из моих компонентов требуют использования глубокого селектора ‘>>>’ для элементов, которые я добавляю программно. Однако при этом я получаю ошибку «Нераспознанный ввод».
Я хочу использовать меньше синтаксиса для импорта переменных для цветов, размера шрифта и т.д. сохранить эти основные переменные в одном файле и использовать их во всех моих компонентах.
Есть ли обходной путь для этого?
Спасибо
Комментарии:
1.
>>>
— строго говоря, это не CSS. Для получения более подробной информации см. github.com/less/less.js/issues/2623 .2. Спасибо. Это решило проблему.
Ответ №1:
Как описано здесь в документах Vue Loader docs, если ваш препроцессор не позволяет, >>>
вы можете использовать ::v-deep
, который должен быть проигнорирован препроцессором, поскольку это синтаксически допустимый CSS.