Vue2 импорт CSS-файла

Question

Использование vue 2.6.8

Я пытаюсь импортировать файл css в компонент.

Это то, что я пробовал, но оно не работает.

В main.js, как раз под другим импортом, который я добавил,

require('@/assets/css/agency.css')

В компоненте,

<style scoped src="@/assets/css/agency.css">
</style>

Вот как это предлагается здесь Как включить CSS-файлы в Vue 2

, но я не могу заставить его работать.Я получаю ошибку

.src/assets/css/agency.css
error: Module not found

Я также пытался,

<style>
@import './assets/css/agency.css';
</style>

И я пытался положить это в main.js,

import './assets/css/agency.css'

, который также не работает.

Также смотрю форум Vue,

https://forum.vuejs.org/t/how-to-import-css-file/14907

Любая помощь будет принята с благодарностью.

Спасибо,

Answer 1

В моих приложениях с Vue.js, первым загруженным компонентом .vue, я поместил импорт туда в <style>.

Например: В разрабатываемом приложении я помещаю внешние файлы .css в файл App.vue, поскольку это первый загружаемый компонент, и я удалил scoped из <style>. Таким образом, все приложение могло использовать стили.

Что касается пути к файлу, они находятся в одной и той же иерархической строке, поэтому необязательно ставить ./ или просто запускать assets/

В приложении.

<style>
    @import 'assets/css/css/example.css';
    @import 'assets/css/style.css';
</style>

Надеюсь, внес вклад. Удачи.