Css Chrome开发工具不显示较少的文件

我很快就能真正开始使用更少的文件了，但最后一个障碍是：我无法让更少的文件出现在Chrome开发者工具中。我必须有我的开发工具

我正在使用Codekit将less编译为CSS并生成源代码映射，CK似乎正在做这两件事。当我保存更少的更改时，Chrome甚至可以自动刷新。但是inspector中只引用了一个css文件，那就是主编译bootstrap.css文件

有一次，我在inspector中看到了更少的文件，但不再是了。我不知道他们什么时候停止展示或者为什么，但我似乎无法让他们回来。我试着打开Chrome中的实验开发功能，没有骰子。我确保Codekit在CSS文件夹中生成了一个源映射文件，是的。我甚至打开了地图文件，但立即又关闭了它。基本上是一个庞大的，单一的文字行，我不能使头部或尾部。没有帮助

我看到有一种方法可以将less文件夹添加到Chrome工作区，但据我所知，这需要我更改整个文件夹结构，将less文件夹移动到站点的根文件夹中，这将产生级联效应，即我必须重新映射Codekit中的文件源和目标，我想避免，尤其是当它不起作用的时候

---

我意识到这里没有什么具体的信息，但我不确定我还能提供什么。我希望有一个关键的步骤我错过了，但两个小时的谷歌搜索不断出现相同的结果。有人有什么建议吗？

好吧，看起来我已经解决了这个问题，但仍然不知道是什么导致了问题的产生

当Codekit生成源映射时，它还应该在目标CSS文件的底部附加一行：

/*sourceMappingURL=bootstrap.css.map*/

---

我在一个文件中发现了这一缺失的行，我认为我在这个混乱的过程中错误地瞄准了它。我将它复制并粘贴到bootstrap.css的底部，由于某种原因，它不存在，而且在开发工具中的文件更少。现在，如果我知道我做了什么，让它消失在第一位。。。你知道，所以我不会再这样做了。这是霍平。如果您或您认识的人看到了我的错误，我将非常感谢您在这个问题上的任何启发。

我从来没有听说过在开发工具中看到更少的文件。我通常只是不缩小CSS，而必须推断问题出在哪里，这是很困难的。我不认为Chrome本身可以解释的更少，除非我弄错了，它现在有了这种能力？也许这是相关的，可能会有帮助：Drat，情节变厚了。准备开始着手使用一些less，我对导入的less文件进行了更改，该文件重新生成bootstrap.css，令人惊讶，没有必要的附加行。所以出于某种原因，Codekit不喜欢它。