Vue Js 2 to CSS w głównym indeksie.html

Pracuję po raz pierwszy w aplikacji z VueJS 2 + Webpack I stworzyłem plik style.css, który chcę dołączyć globaly do pliku index.html w katalogu głównym my appVue Js 2 to CSS w głównym indeksie.html

Próbowałem już ładować go z różnych folderów (src, src/assets, root, src, components, node_modules), ale w rezultacie zawsze otrzymuję błąd 404 dla określonego pliku.

Próbowałem również wszystkie rodzaje ścieżek ../src,/src ... ./src ... nie ma różnicy ..

Co to jest poprawny sposób dołączyć plik style.css do twojego projektu? Gdzie powinien się znajdować? I jak mam to nazwać?

Źródło

2017-02-19 Alex

zorientowali się, że lokalny plik css można uzyskać przez głównego pliku index.html, jeśli znajduje się w folderze „statycznym” projektu VueJs

potem po prostu dodać do sekcji <head> swojej index.html plik <link rel="stylesheet" type="text/css" href='static/bootstrap.css'> i gotowe.

Źródło

2017-02-19 17:21:34 Alex

Nie należy wywoływać plików CSS z komponentów Vue. To nie działa w ten sposób, ponieważ wszystkie komponenty Vue zostaną dołączone do pliku build.js. Powinieneś uwzględnić wszystkie pliki statyczne tylko z index.html.

Jednak Vue przewiduje możliwość posiadania style w składniku Vue, użyj

<style scoped></style> na koniec .vue pliku

Źródło

2017-02-22 12:15:24

Vue Js 2 to CSS w głównym indeksie.html

Odpowiedz

Powiązane problemy