Недавно начал изучать vue. Тренеруюсь на тестовых проектах пока. Посмотрел

Question

Недавно начал изучать vue. Тренеруюсь на тестовых проектах пока. Посмотрел

несколько видео по созданию проектов через vue-cli. Там в основном рассказывается про разбиение проекта на компоненты и написание логики, но что касается стилей, то там просто подключались сторонние CSS библиотеки и все. Хотел уточнить несколько вопросов по использованию собственных стилей и препроцессоров в vue проектах.
1) Как правильно разбивать стили на компоненты? Стили для каждого компонента прописывать внутри vue файлов в теге style или создать отдельную папку со стилями, в ней разбить стили на scss компоненты, а потом импортировать нужные стили внутрь vue компонентов? Где прописывать стили, которые применимы для всех компонентов?
2) Как правильно использовать переменные и миксины для стилей, чтобы они были видны во всем проекте? Просто вручную в каждый нужный файл импортировать?
3) Нужно ли где-то подробно расписывать настройку сборки scss, как например в gulp это делается (автопрефиксеры, сортировка медиа запросов и т.д) или vue-cli сам все соберет как надо при билде?

#frontend #javascript #programming #russian #vue.js

0

01.10.2020

3 ответов

15 просмотров

Vladimir Voytenko ️

3. сам соберет как надо, чего не хватает прописывается во vue.config

0

01.10.2020

Evgeny

Стили во vue файлах, либо в рядом с vue файлом компонента. Переменные, миксины и функции подключать через vue.config. Там же глобальные стили. Соберет сам как нужно

0

01.10.2020

Vladimir Voytenko ️ · Accepted Answer

Vladimir Voytenko ️

1. стили в файлах вью

0

01.10.2020

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

Недавно начал изучать vue. Тренеруюсь на тестовых проектах пока. Посмотрел

3 ответов

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