有多个.less文件被编译，然后作为一个大的.css文件提供给页面。
我想在浏览器中（在整个页面加载之后），只显示正在页面上使用的css。
另外我想要显示较少的源图，以便我可以调试浏览器中较少的文件，只调整.less文件或者更好，突出显示在该特定页面上使用的.less行。
这是我正在考虑的可能情景。
我们有https://github.com/giakki/uncss从html页面删除未使用的css。
好。
现在删除css之后，我希望将remaning css以某种方式映射回.less。
然后，一旦我调试，我将只看到该页面上使用过的.less。
感谢。
答案 0 :(得分：2)
有多个.less文件被编译然后提供给 该页面是一个很大的.css文件。
我想在浏览器中（仅在整个页面加载后） 显示正在页面上使用的css。
这是故意的。由于您使用的是CSS预处理器，实际上为最终用户提供的是从Less开发的CSS代码 - 而不是简单的代码本身。将Less代码编译成什么CSS是服务器端的决定。如果您看到所有这些.less文件被编译成一个大的.css文件，那么这就是服务器为您提供服务的方式（或者如果您在开发环境中玩游戏，您将如何为自己提供服务）
另外我想要显示较少的源图，以便我可以调试浏览器中较少的文件，只调整.less文件或者更好，突出显示在该特定页面上使用的.less行。
您可以按照自己的方式进行设置。可以在Firefox和Chrome中设置Less的实时编辑。有关如何为Firefox和Google Chrome设置此功能的详细信息，请参阅以下链接：
我知道，对于Firefox，你必须手动启用源地图。完成此操作后，Firefox还会向您显示与CSS pane中单个HTML元素（您检查过的）相对应的较少样式。因此，这至少可以帮助您了解哪些规则适用于单个元素 - 如果不是整个页面。
Chrome 59添加了一个CSS和JS覆盖工具，可以帮助您找出正在使用的样式以及未使用的样式。您可以使用插件从Firefox中获得类似的功能。这可能只适用于纯CSS和JS，但不是更少。参见：
这会清理CSS。然后如本期所述，您可以比较脏对象和纯化CSS的源图，以获得“干净”少代码：