我正在使用vuejs应用程序,正在尝试使用@use
中prependData
内的sass-loader
规则导入变量文件,但似乎无法正常工作。使用@use
导入无效,并且我收到有关变量的错误信息。但是使用@import
一切正常。我对@use
规则做错了什么还是弄错了概念?
在@import
中使用prependData
可以做到:
css: {
loaderOptions: {
sass: {
implementation: require('sass'),sassOptions: {
indentedSyntax: true
},// prependData: `@use '~abstracts/variables'` //this does not work
prependData: `@import '~abstracts/variables'` //this works
}
}
}
使用@use
不起作用:
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined variable.
╷
15 │ color: $chuck
│ ^^^^^^
╵
我的package.json:
"sass": "^1.26.3","sass-loader": "^8.0.2"
我的组件
<style lang="sass">
.title
color: $chuck
</style>
我的variables.sass文件:
$chuck: #BADA55
TIA