微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

lessc的源映射文件指向错误的less文件

如何解决lessc的源映射文件指向错误的less文件

这与 lessc 有关 我有三个文件:-

  1. less0.less(空)
    (empty)
  1. less1.less
    @import "less0.less"
  1. less2.less
    @import "less1.less"
    @var-test: .trial;
    
    @{var-test}{
          color: red;
    }

我通过以下方式为这些文件生成源地图:-

lessc less2.less less2.css --source-map

生成的CSS文件正在html文件中使用。源文件正在浏览器中用于调试。 现在在浏览器中,它显示.trial类位于 less0.less 中,而不是 less2.less 因此,预期的行为显示less2.less作为.trial类的源,而不是显示的源: Wrong Less File being Pointed

That's the less2.css.map file
{"version":3,"sources":["less0.less","less2.less"],"names":[],"mappings":"AAAA;ECKI,wBAAA","file":"less2.css"}

任何人都可以帮我解决我必须做些什么才能使其正确。预先感谢。

用例:我有一个变量较少的文件,该文件包含我的UI变量(颜色,大小等)(说less1.less)。我将这些设置导入到其他文件中(说less2.less)。然后,在进行源映射之后,当尝试在dev-tool中检查源中的源时,将我带到了less1.less和notless2.less。

解决方法

我认为您应该使用不太像CSS这样的导入语法

@import "less1";

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。