Импорт. css и cdn в файл index. html при использовании vue -cli - PullRequest
Новая
       6

Импорт. css и cdn в файл index. html при использовании vue -cli

0 голосов
/ 21 апреля 2020

Здравствуйте, и надеюсь, что все в порядке, у меня сбрасывается браузер. css Файл в / src / assets / css, который будет использоваться на сайте в моем проекте vue. Так что я решил импортировать его в /public/index.html через. Однако это не работает, и я вижу ошибку в консоли: «Таблица стилей http://localhost: 8080 / src / assets / css / styles. css не была загружена, поскольку ее MIME-тип« text / html », не является« text / css »." Я использую 

 <link rel="stylesheet" href="../src/assets/css/styles.css" type="text/css">

в файле индекса. html. Я использую vue -cli3 и мне было интересно, каков приемлемый способ применения правила css для всего сайта, а также правильный способ импорта ссылок CDN? Я не вижу этого сценария в документации vue -cli. Спасибо всем.

1 Ответ

1 голос
/ 21 апреля 2020

href = "../ src / assets / css / styles. css"

Мы здесь этого не делаем. Это не практично. /public/index.html - это шаблон, который будет обработан с помощью html -webpack-plugin (для упаковки вашего vue приложения). Во время сборки ссылки на ресурсы будут автоматически вставляться

go в ваш App.vue файл под тегом, добавьте строку импорта перед export default

</template>
<script>
import '@/assets/css/styles.css';
.
.
.

, если вам нужно определить стиль в компоненты

просто добавьте src=[import path above] в <style scoped>

и Vue документы очень хорошо написаны. https://cli.vuejs.org/guide/html-and-static-assets.html#html

...