温馨提示:本文翻译自stackoverflow.com,查看原文请点击:vue.js - Import Global SASS variables into VUEPRESS components
sass vue.js vuepress

vue.js - 将全局SASS变量导入VUEPRESS组件

发布于 2020-04-07 23:57:42

Vuepress中,有没有一种方法可以.sass使用变量全局导入文件,因此不需要每次使用变量时都导入文件?

也许像我们在VUE中所做的那样:

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        data: `
          @import "@/sass/_variables.sass";
          @import "@/sass/_mixins.sass";
        `
      }
    }
  }
};

查看更多

提问者
Pisandelli
被浏览
126
Pisandelli 2020-02-02 00:03

正如@michal-levý指出的使用别名一样,我只是发现可以使用vuepress内置别名@theme所以我config.js就像。

module.exports = {
  sass: {
    data: '@import "@theme/styles/_variables"'
  }
}

工作正常!

我正在使用.sasssintax并sass-loader - 7.3.1 由于另一个错误,所以这就是为什么我使用data而不是的原因prependData