Я хотел бы использовать некоторые из существующих классов 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 работает как положено, поэтому я считаю, что проводка правильная.