javascript - 来自lessc的源映射文件指向错误的less文件
问题描述
这是关于lessc 我有三个文件:-
- less0.less (空)
(empty)
- 少1.少
@import "less0.less"
- 少2.少
@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
类的源,而不是显示的源:-
错误的 Less 文件被指出
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)。然后,在源映射之后,当尝试在开发工具中检查源代码时,它会将我带到 less1.less 而不是 less2.less。
解决方案
我认为你应该像这样使用 less 而不是 css 的导入语法
@import "less1";
推荐阅读
- variables - 带变量的 Ansible 剧本
- windows - Windows 和 Linux 驱动程序之间的 HID 多点触控“报告描述符”有什么区别吗?
- r - 我如何解决r中的内存限制问题
- javascript - 请求 api 时如何在量角器的 api 正文中传递值
- php - 检查 Doctrine2 中重复的两列
- php - 在 Woocommerce 管理员订单列表的列中显示用户简介
- javascript - 如何计算for循环nodejs中的数据
- swift - 多个异步调用导致 Swift 崩溃
- mysql - 如何获取今天的 sequelize js 记录
- ios - 如何快速创建像这种形状的视图?