这些 .less 文件从哪里加载?

where do these .less files be loaded from?

在此网站上:https://www.ornikar.com/

一些.less文件用于更改bootstrap的一些预设。例如,当检查导航栏时,导航栏的颜色是白色的,并且是从 .less 文件处理的(这就是浏览器的 css 检查器显示的内容)

令我大吃一惊的是,从页面的包含或从其他一些 css 文件的导入中找不到 less 文件。主页面中的less js脚本也没有。

有人可以向我解释这是怎么可能的吗?

根据 DevTools,您的 less 文件似乎在以下文件夹路径下:

"source/Users/vincent/WORK/ornikar-front/solidstorm/src/less/onk"

如果您正在使用 Chrome,该功能可以帮助使用 less/sass 的人。

要使 Chrome 仅显示 .css,您需要删除 .css.map 个文件

更新:

还提取了更少的文件


更新 °2 (발렌텐) :

If there are no map files, the trick is the base64 json at the end of the main stylesheet that includes the mapping directly..

几天后我就能明白这些文件是从哪里加载的。 当您将 css 映射到一组 less 文件时,您有两个解决方案:

带有 .map 文件

此方法是通用的,并且从 css 文件(最后)中引用了 .map 文件。优点是您可以轻松删除 .map 文件,强制浏览器的 css 检查器显示 css 文件中的引用。

.map 文件直接连接在 css 文件中

less文件的引用直接插入到css文件的末尾。这样就不再需要使用 .map 文件了。


点击这些链接可获得更多详细信息

开发工具:https://developer.chrome.com/devtools

更少:http://en.wikipedia.org/wiki/Less_(stylesheet_language)