小编Den*_*niz的帖子

使用 Vue CLI 和 Vuetify 导入全局 scss 变量

通过以下方式将全局 scss 文件导入我的项目时:

  1. import into main.js,没有让我使用我定义的变量,但是类和 id 可以工作。
  2. import into App.vue,根本没有加载任何样式。我scoped当然删除了
  3. 导入vue.config.js如下
module.exports = {
  transpileDependencies: [
    'vuetify'
  ],
  css: {
    loaderOptions: {
      sass: {
        prependData: '@import "@/scss/_variables.scss";'
      }
    }
  }
}

Run Code Online (Sandbox Code Playgroud)

破坏了我的整个应用程序,并在 cmd rel 中给了我大量错误。Vuetify。

谁能告诉我如何将全局 scss 导入到使用最新的 Vue CLI 和 Vuetify 制作的 SPA 中?

sass webpack vue.js vuetify.js

1
推荐指数
2
解决办法
3767
查看次数

标签 统计

sass ×1

vue.js ×1

vuetify.js ×1

webpack ×1