Блог

Чиновник сказал, что @import это будет удалено через несколько лет, и рекомендовал использовать @use вместо этого.

Я использую scss с Vue, я могу @import управлять в соответствии :v-deep :

   .article__content {
    width: 100%;
    max-width: 800px;
    ::v-deep() {
      @import 'highlight.js/scss/github';
    }
    .article {
      width: 100%;
    }
  }
 

Но как я могу изменить его на @use ? @use может использоваться только в начале файла, и файл, который я импортирую, представляет собой чистую таблицу стилей, которая не содержит никаких миксинов и переменных.