如何解决lessc的源映射文件指向错误的less文件
- less0.less(空)
(empty)
- less1.less
@import "less0.less"
- 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 举报,一经查实,本站将立刻删除。