Как применить шаблон s css для проверки? - PullRequest
Новая
       16

Как применить шаблон s css для проверки?

0 голосов
/ 29 апреля 2020

Vuetify, кажется, определяет свою темную тему по умолчанию здесь , и я хотел бы перезаписать некоторые из этих значений пользовательскими цветами.

Кажется, что s css - это способ переписать это. Однако, когда я пытаюсь изменить цвет фона, я не вижу никаких изменений. 

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

$material-dark: () !default;
$material-dark: map-deep-merge(
  (
    'background': #FFFF00
  ),
  $material-dark
);

Я импортирую его в main. js (import "./example.scss"), и я знаю, что он загружается (синтаксические ошибки делают это cra sh), но темный тематический фон не меняется. Если это не так, как работает стиль vuetify, то что?

1 Ответ

0 голосов
/ 29 апреля 2020

Для vue -cli стиль s css должен быть включен в vue .config. js, ie. 

module.exports = {
  "configureWebpack": {
  },
  "css": {
    "loaderOptions": {
      "sass": {
        "prependData": `@import "~@/styles/main.scss"` // change the route with you main.scss location in yout proyect
      }
    }
  },
  "lintOnSave": false,
  "transpileDependencies": [
    "vuetify"
  ],
  "publicPath": ".",
}

Кроме того, s css Файл должен импортировать styles.sass вместо main.sass. ie.

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

...