Задать вопрос
@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");
  • Вопрос задан
  • 78 просмотров
Комментировать
Подписаться 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-разработчик VUE (Senior, Middle+)
SOFT DIVISION • Ярославль
от 150 000 до 300 000 ₽
Fullstack-разработчик (Python, Vue, Nuxt)
Finder
от 200 000 до 300 000 ₽
Fullstack разработчик (Laravel+Vue)
Данафлекс • Казань
от 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нейросеть для генерации фоток в инсте
19 мая 2024, в 13:14
5000 руб./за проект
Парсинг с криптобирж
19 мая 2024, в 11:50
2000 руб./в час
Разработка дизайна для тг вебапп
19 мая 2024, в 11:50
7000 руб./за проект
Ещё заказы