включая CSS файл в Vue проект

Question

Я новичок в Vue, и у меня возникла проблема с пониманием того, как работает thinks в Vue. Одной из проблем было включение моего собственного файла CSS в проект.

Я создал файл стиль. css в папке sr c и код в index. html у меня не работал:

<link rel="stylesheet" type="text/css" href="style.css" />

Answer 1

Мне пришлось импортировать стили в main. js файл и скопировать весь путь

'/home/timotej/Desktop/TestProjekt/projekt/src/style.css'

, так что весь main. js файл выглядит так:

import Vue from 'vue'
import App from './App.vue'
import style from '/home/timotej/Desktop/TestProjekt/projekt/src/style.css'  // styles ..

Vue.use(style)  // styles ..

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

теперь должно работать!