在Vuepress中,有没有一种方法可以.sass
使用变量全局导入文件,因此不需要每次使用变量时都导入文件?
也许像我们在VUE中所做的那样:
module.exports = {
css: {
loaderOptions: {
sass: {
data: `
@import "@/sass/_variables.sass";
@import "@/sass/_mixins.sass";
`
}
}
}
};
正如@michal-levý指出的使用别名一样,我只是发现可以使用vuepress内置别名@theme
。所以我config.js
就像。
module.exports = {
sass: {
data: '@import "@theme/styles/_variables"'
}
}
工作正常!
我正在使用.sass
sintax并sass-loader - 7.3.1
由于另一个错误,所以这就是为什么我使用data
而不是的原因prependData
。