Задать вопрос
@hahavenn
vue

Как подключить файл css без добавления тега style с помощью Vue?

Как подключать стили через отдельный файл, а не добавлять в тег style с помощью Vue.js?
У меня сейчас так:
<head>
	...
	 <style type="text/css">...</style>
</head>


А надо подобным образом:
<head>
	...
	<link rel="stylesheet" href="/assets/styles.css">
</head>


Сами же стили добавлены в main.js таким образом:
import { createApp } from "vue";
import App from "./App";
import "./assets/styles.css";

createApp(App).mount("#app");
  • Вопрос задан
  • 116 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@mrFlyer
Использовать просто JS, без оглядки на Vue.

Что то типа такого:
var linkElement = document.createElement('link');
linkElement.setAttribute('rel', 'stylesheet');
linkElement.setAttribute('type', 'text/css');
linkElement.setAttribute('href', 'https://link-to-css.com');

document.head.appendChild(linkElement );
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Developer (Vue/Nuxt)
tactic.team
от 140 000 до 180 000 ₽
Frontend разработчик (Vue)
Creatium
от 150 000 ₽
😃 Frontend developer Vue 💻📱⌚️
Viletech • Москва
от 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сверстать веб приложение на vue
24 нояб. 2024, в 19:46
1000 руб./в час
Стили/дизайн/верстка приложения на QT
24 нояб. 2024, в 19:43
30000 руб./за проект
SEO оптимизация мультиязычного сайта и вывод в топы
24 нояб. 2024, в 19:42
200000 руб./за проект
Ещё заказы