Использование классов Vuetify в SASS - PullRequest
0 голосов
/ 20 сентября 2019

Я хотел бы использовать некоторые из существующих классов Vuetify в своем собственном файле sass, но я не могу понять, как это сделать.У меня есть проект VUE-CLI3 с последней версией Vue / Vuetify, и у меня следующий код:

main.sass

@import '~vuetify/src/styles/styles.sass'

.myTest
  @extend .mr-1
  @extend .shrink

У меня также есть настройка vue.config.js для правильной ссылкифайлы sass / scss.

css: {
  loaderOptions: {
    sass: {
      data: `@import "path/to/main.sass"`
    },
    scss: {
      data: `@import "path/to/main.scss";`
    },
  }
}

Когда я компилирую, я получаю «Селектор цели не найден», и он указывает на .mr-1 и .shrink. Я делаю это неправильно?

Все остальные CSS вмой файл main.sass работает как положено, поэтому я считаю, что проводка правильная.

...