使用vue-cli-3的全局共享变量vue.js

Question

我有一个src/ base.scss /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图标导入并使用。

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

不会被解析(显示文本而不是图标)，甚至使用

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

不起作用。

我如何使虚拟和图标导入工作？

Answer 1

解决了这个问题。它是被导入的，但是reset.css是在vuetify之后加载的，这反过来又压倒了样式。

在reset.css的开头名为index.html。