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

在Vuepress中，是否有方法全局导入带有变量的

.sass

文件，这样我就不必每次使用变量时都导入它

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

module.exports={
css:{
装载机选项：{
sass：{
数据：`
@导入“@/sass/_variables.sass”；
@导入“@/sass/_mixins.sass”；
`
}
}
}
};

是

/.vuepress/config.js
module.exports={
sass：{
前置数据：`
@导入“@/sass/_variables.sass”；
@导入“@/sass/_mixins.sass”；
`
}
};

对于

sass加载程序

v8+或

data

使用

prependData

，如果您使用的是较旧的

sass加载程序

更新 我自己试过了。我遇到了

@

别名无法解析的问题，因此创建了我自己的别名-在本例中是为

.vuepress/styles

目录创建的

/.vuepress/config.js
常量路径=要求（“路径”）；
module.exports={
sass：{
前置数据：`
@导入“@styles/_variables.sass”；
`
},
配置网页包：{
决心：{
别名：{
“@styles”：路径解析（\uuu dirname，“./styles”）
}
}
}
};

检查…启动后，导航至指南

---

如果将

prependData

更改为

data

，将

sass-loader

版本更改为7.3.1（fr示例），并重新启动沙盒，它也可以工作…

正如@michal levý关于使用别名所指出的，我刚刚发现我可以使用vuepress内置别名

@theme

。所以我的

config.js

是这样的

module.exports={
sass：{
数据：“@import”@theme/styles/_variables”
}
}

很好

---

我正在使用

.sass

sintax和

sass-loader-7.3.1

，这就是为什么我使用

data

而不是

prependData

谢谢@michal levý，但它不起作用。由于另一个错误，我正在使用旧的

sass加载程序
version。我仍然需要在每个组件中导入sass文件来访问变量。如果你有别的想法，我将不胜感激。非常感谢。非常感谢@michal levý。事实上，你的解决方案让我对别名“问题”有所了解。我意识到我可以使用
@主题
别名，所以我做到了，并且工作得很好！谢谢你花时间来帮助我，并为我指明了正确的方向！如果你不介意的话，我正在发布对我有用的答案。