gulp-less 函数编译报错

发布于 2022-09-06 19:32:25 字数 856 浏览 18 评论 0

.px2px(@size, @px){
    @size: round(@px / 2) * 1px;
    [data-dpr="2"] & {
      @size: @px * 1px;
    }
    // for mx3
    [data-dpr="2.5"] & {
      @size: round(@px * 2.5 / 2) * 1px;
    }
    // for 小米note
    [data-dpr="2.75"] & {
      @size: round(@px * 2.75 / 2) * 1px;
    }
    [data-dpr="3"] & {
      @size: round(@px / 2 * 3) * 1px
    }
    // for 三星note4
    [data-dpr="4"] & {
      @size: @px * 2px;
    }
  }

当使用gulp-less编译后,
错误提示:

You tried to parse Less with the standard CSS parser; try again with the postcss-less parser  92 |   .header-right{
  93 |       display: inline-block;
> 94 |       .px2px(font-size,36);
     |       ^
  95 |       line-height:88/@r;
  96 |       text-align: center;

请问前面的这个.px2px的方法该如何修改。或者说在gulp-less里是否有格外的配置参数。

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

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

发布评论

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

评论(2

ぃ双果 2022-09-13 19:32:25

应该是 loader 配置的问题 贴出来看一下

浊酒尽余欢 2022-09-13 19:32:25

是不是语法问题, 我没写过less, 你试一下把.去掉换成px2px 函数前面应该没点把

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