2016-09-11 17 views
10

Jaki jest najlepszy sposób na globalny plik css w Vuejs dla wszystkich składników? (Domyślnie css jak bg koloru, przycisk stylizacji, etc)Najlepszy sposób na globalne css w Vuejs

  • import pliku css w index.html
  • zrobić @import w główny składnik
  • umieścić wszystkie css w głównym składnikiem (ale byłby ogromny plik)

Odpowiedz

22

Importuj css w swoim index.html, ale jeśli korzystasz z WebPacka, możesz po prostu zaimportować swoje arkusze stylów do głównej konfiguracji js, a wszystkie twoje składniki otrzymają css.

+7

Dziękujemy! Używam webpacka, więc w moim pliku main.js zrobiłem 'require ('./ assets/css/main.css');' i to działa teraz. – Jordy

+2

@Jordy Domyślam się, że najlepszym podejściem byłoby użycie sass-loadera, aby to zrobić. Wystarczy kilka słów, aby to zrobić. Oto wyjaśnione rozwiązanie- https://stackoverflow.com/a/46015906/5013932 –

Powiązane problemy