Sass@use不将分离的mixin文件处理到主mixin文件中(错误:未定义的mixin)
我对sass有点新,但当我学习它时,sass网站说开始使用@use而不是import,所以经过大量的尝试和错误,我终于知道了如何使用它,与import几乎相同 注意:我正在使用预印本进行编译。 我把这个mixin放在Sass@use不将分离的mixin文件处理到主mixin文件中(错误:未定义的mixin),sass,scss-mixins,prepros,Sass,Scss Mixins,Prepros,我对sass有点新,但当我学习它时,sass网站说开始使用@use而不是import,所以经过大量的尝试和错误,我终于知道了如何使用它,与import几乎相同 注意:我正在使用预印本进行编译。 我把这个mixin放在mixin文件夹中自己的文件中: // scss/mixins/_flex.scss @mixin flex($flex-flow: row, $justify-content: center, $align-items: center) { display: flex;
mixin
文件夹中自己的文件中:
// scss/mixins/_flex.scss
@mixin flex($flex-flow: row, $justify-content: center, $align-items: center) {
display: flex;
justify-content: $justify-content;
align-items: $align-items;
flex-flow: $flex-flow;
}
我尝试在我的主\u mixins.scss
文件中使用它:
// scss/_mixins.scss
@use "mixins/flex" as *;
然后我尝试在另一个包含公共元素的文件中使用它:
// scss/_common_elements.scss
@use "mixins" as *;
.flex {
@include flex();
}
然后我在prepos日志中收到错误:undefinedmixin
,在这里我调用@include flex()代码>行(在_common_elements.scss内)
它一直在工作,直到我决定将mixin放在它们自己的单独文件夹中,但这与引导源代码中的设置方式相同
使用@use
的整个过程真是令人困惑
有人知道我为什么会出现这个错误吗?我设法解决了它
另外:如果你能帮助我编辑这个问题/答案,以便用适当的语言更好地解释它,请发表建议,我会更新它
在\u mixins.scss
文件中,我需要使用@forward“mixins/flex”
而不是@使用“mixins/flex”作为*代码>:
像这样:
// scss/_mixins.scss
@forward "mixins/flex";
@forward "mixins/overlay";
@forward "mixins/etc...";
我希望他们能把这件事说得更清楚一些
这是你的电话号码