Как подключить свои стили Laravel Vue js?
Делаю сайт, решил выучить Vue.js совместно с Laravel, подскажите как подключить свои стили, совместно с стандартными bootstrap
Ответы (1 шт):
Автор решения: Alexandr Opekunov
→ Ссылка
Способов полно)
- в шаблоне blade, через стандартный
- в
app.jsчерезrequire() - в
_variables.scssидиapp.scss - Писать стили в самих компонентах Vue. Что в случае работы с данным фреймворков самое правильное. Пример:
<template>
<!-- тут будет сам компонент -->
</template>
<script>
export default {
name: "Example"
}
</script>
<style scoped lang="scss">
//Ваши стиль
//если указано scoped - стили будут применяться ТОЛЬКО для данного компонента
// в lang можно указывать синтаксис через который пишете. Если не указывать вообще - будет CSS
// для scss или sass небходимо подключать sass-loader и тд
</style>