【问题标题】:where do these .less files be loaded from?这些 .less 文件从哪里加载?
【发布时间】:2015-05-28 09:12:51
【问题描述】:

在这个网站上:https://www.ornikar.com/

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

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

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

【问题讨论】:

  • sourcemaps - 您将在链接的 css 文件末尾找到源映射。
  • less 可以在构建时编译为 css,而不是在浏览器中即时编译。

标签: javascript css twitter-bootstrap-3 less


【解决方案1】:

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

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

更新:

也会提取更少的文件


更新°2(발렌텐):

如果没有地图文件,诀窍是 base64 json 在直接包含映射的主样式表的末尾..

【讨论】:

  • 但这是一个远程服务器,显然我的浏览器没有获取任何 .map 文件。它怎么知道这个特定位置存在一些 .less 文件?
  • 如上图所示(我已经更新了答案)从远程位置获取的文件也更少
  • 经过几天的操作后,我非常了解它是如何工作的。事实上,我找不到任何地图文件,但诀窍是主样式表末尾的 base64 json 直接包含映射。再次感谢您的帮助。
  • @ProgramFOX 我回滚了您的编辑,因为此更新实际上是对答案的有价值的补充(更重要的是更新在这里写的所有信息中唯一正确的答案)。
  • @seven-phases-max 它应该用不同的方式表达very。照原样,它只是一个评论,
【解决方案2】:

几天后我可以理解这些文件是从哪里加载的。 当您将 css 映射到一组较少的文件时,您有两种解决方案:

带有 .map 文件

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

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

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


点击这些链接了解更多详情

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

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

【讨论】:

    【解决方案3】:

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

    “来源/用户/vincent/WORK/ornikar-front/solidstorm/src/less/onk”

    【讨论】:

      猜你喜欢
      • 2012-04-07
      • 1970-01-01
      • 2016-07-23
      • 1970-01-01
      • 1970-01-01
      • 2013-10-29
      • 1970-01-01
      • 2018-10-14
      • 1970-01-01
      相关资源
      最近更新 更多