Vue Js 2 включает CSS в основной index.html

Я разрабатываю приложение впервые с VueJS 2 + Webpack И я создал файл style.css, который я хочу включить globaly в файл index.html в корне мое приложениеVue Js 2 включает CSS в основной index.html

Я попытался загрузить его из разных папок (src, src/assets, root, src, components, node_modules), но в результате я всегда получаю ошибку 404 для конкретного файла.

Я также пробовал все виды путей ../src,/ЦСИ ..., ./src ... нет никакой разницы ..

Что такое правильный способ включить файл style.css в ваш проект? Где он должен быть расположен? И как мне это назвать?

источник

2017-02-19 Alex

я понял, что локальный файл CSS можно получить доступ к основным index.html файл, если он находится в «статической» папке проекта VueJs

затем просто добавить к <head> раздел вашего index.html файл <link rel="stylesheet" type="text/css" href='static/bootstrap.css'> и все готово.

источник

2017-02-19 17:21:34 Alex

Вы не должны вызывать файлы CSS из компонентов Vue. Это не работает, так как все компоненты Vue будут объединены в файл build.js. Вы должны включить все статические файлы только с index.html.

Однако Vue предоставляет возможность иметь стили в компоненте Вью, используйте

<style scoped></style> в конце .vue файла

источник

2017-02-22 12:15:24

Vue Js 2 включает CSS в основной index.html

ответ

Смежные вопросы