我有一个小项目。
index.html
styles/
--common.less
index.html的内容:
<link rel="stylesheet" href="styles/common.css">
<div>Hello</div>
common.less的内容:
div {color: red;}
我用来编译较少文件的命令:
balabala>lessc styles\common.less > styles\common.css --source-map=styles\common.css.map --source-map-basepath=styles
生成common.css:
div {
color: red;
}
/*# sourceMappingURL=styles/common.css.map */
但是chrome没有加载该地图文件(我已经检查过网络面板)。我确保我在开发工具中启用了css源地图。
实际上chrome正在加载这些地图文件,但它并没有在网络面板中显示它们。我检查了http-server
的输出,发现Chrome正在请求“错误”#39;路径。 CSS应该给出sourcemap文件的绝对路径,而sourcemap文件应该给出较少文件的相对路径。