Глобальная переменная общего доступа vue.js с использованием vue-cli-3 - PullRequest
Новая
       42

Глобальная переменная общего доступа vue.js с использованием vue-cli-3

0 голосов
/ 03 декабря 2018

У меня есть base.scss в src / style / base.scss.Этот файл имеет импорт для всех переменных и миксинов.

Когда я обслуживаю свой проект с использованием vue-cli-3, он говорит неизвестную переменную $ black.

Чтобы решить ее, я сослался на это https://cli.vuejs.org/guide/css.html#passing-options-to-pre-processor-loaders и добавил 

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                data: '@import "@/style/base.scss";'
            }
        }
    }
}

на мой vue.config.js

Это решило предыдущую проблему, но мои значки, импортированные и использованные с помощью v-icon из 

<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Material+Icons'>

, не были решены (текстотображается вместо значков), и даже стили vuetify, импортированные с использованием 

import 'vuetify/dist/vuetify.min.css'

, не работают.

Как настроить импорт vuetify и значков?

1 Ответ

0 голосов
/ 04 декабря 2018

Решил проблему.Он импортировался, но reset.css загружался после vuetify, которое, в свою очередь, переопределяло стили.

Вызывается reset.css в начале index.html.

...