SOS！vuetify 自定义 sass 变量不生效了！

Question

在vue.config.js文件这样写了，也在src/scss/variables.scss创建了文件了，但是修改的变量还是没有生效。我是做少了哪个步骤吗

Answer 1

  css: {
    loaderOptions: {
      // 给 sass-loader 传递选项
      sass: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.scss` 这个文件
        // prependData: `
        // @import '~@/style/mixin.scss';
        // @import "~@/style/variables.scss";
        // `
      }
    }
  },

注意scss改为sass.
参考：

vue脚手架在vue.config.js文件中配置scss全局变量_欢迎来到冲哥的前端博客-CSDN博客 经常会听到这样的玩笑,如果你不学习css预处理语言,当老板让你修改所有界面的颜色的时候 不累死你说者无意听者有心,那怎么能实现一个修改一个变量所有页面的颜色都发生变化呢今天就使用vue中的scss作为例子首先我们还是有一个提前建立好的vue脚手架 （@vue\cli 4.*版本 笔者的版本）1.在asstes文件家下建立一个scss文件夹 然后创建一个 _variabl... https://blog.csdn.net/yunchong_zhao/article/details/104179871?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163247008916780265465979%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=163247008916780265465979&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-1-104179871.pc_search_es_clickV2&utm_term=vue.config.js+%E9%85%8D%E7%BD%AE+scss&spm=1018.2226.3001.4187