关于scss,编译错误,求解答

发布于 2022-09-06 01:09:57 字数 738 浏览 21 评论 0

我有这么一段 scss ,用于处理数值单位间的转换,如下:

@function check($val){
    @if type-of($val)=="string"{
        @return $val;
    }
    @if unit($val)=="px"{
        @return $val/($val*0+1)+px;
    }@else if unit($val)=="rem"{
        @return $val/($val*0+1)/200+rem;
    }@else{
        @return $val;
    }
}

利用以上方法创建 @mixin ,如下:

@mixin size($width, $height){
    width: check($width);
    height: check($width);
}

提问,当上面两段同时存在一个文件中的时候,运行 @include size(180px, 110px) 编译结果是 width: 180px; height: 120px;

但当把第一段代码存于另外的 scss 中,并通过 @charset "check" 引入到存储第二段代码的scss文件中,

同样运行 @include size(180px, 110px) ,为什么结果则变成了 width: check(180px); height: check(120px);

求教,这是为什么呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

迷途知返 2022-09-13 01:09:57

@charset "utf-8";
@import "mixin";

幽蝶幻影 2022-09-13 01:09:57

你看看第一段的scss引入时的顺序在下面那个的前面没,引入顺序对编译也是有影响的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文