Как импортировать файл с суффиксом «.scss» в подкомпонент проекта Vue?

Question

Этот проект закодирован с Vue.

Я хочу импортировать файл sass в подкомпонент. Но браузер сообщил об ошибке «Файл для импорта не найден или не читается: ../assets/scss/global_css.scss'

Я попытался импортировать «global_css.scss» в родительский компонент и удалить «scoped» из

Answer 1

Если ваша файловая структура такая

assets
   scss
     global_css.scss 
components
   sub_components
     s_c.vue

Вы должны написать @import "../../assets/scss/global_css" в s_c.vue для импорта global_css.scss.

Подробнее см. this .

Answer 2

Могу ли я узнать файловую структуру вашего проекта?

1. проверьте правильность работы вашего загрузчика;

2. может быть, вы можете попробовать "относительный путь" файла подкомпонента.

например. @import "../../assets/scss/global_css";