替代 grunt-contrib-less？答案

【问题标题】：Alternative to grunt-contrib-less?替代 grunt-contrib-less？
【发布时间】：2014-08-06 06:23:39
【问题描述】：

我正在尝试编译一组 .less 文件，并在此过程中生成单独的源映射。我目前有大约 20 个源文件，所以我使用dynamic expansion 将它们全部加载。

然后我希望将文件编译为 css（有效），并为每个文件生成一个单独的源映射（无效）

file_x.less -+--> file_x.css          (YAY)
             |
             |--> file_x.css.map      (NAY)

让源映射开始工作似乎很棘手，但对于multiple、individual files 似乎根本不起作用。

那么，有谁知道一种简单的嵌入式替代方案？如果没有，我的下一个解决方案是尝试使用 shell 并在本机调用 lessc，但如果可以避免这种情况，我宁愿不这样做。

编辑：这将用于开发和生产

【问题讨论】：

【解决方案1】：

我不知道目前有任何软件包可以做到这一点。使用 grunt-contrib-less，虽然我最终为自己解决这个问题的方法是通过设置在 CSS 中内联源映射 outputSourceFiles: true

根据我的经验，这实际上是处理地图最方便的方式。唯一的缺点是它需要你设置一个缩小器，因为内联地图可能会使你的 CSS 文件的大小增加一倍以上。

【讨论】：

这种方法的问题（对我来说）是我们的网络应用程序在嵌入式设备上运行，因此地图没有用，所以我不希望它们包括在内。它们仅用于在 PC 上运行时进行开发和/或调试
我不建议在您的应用程序中发布地图，地图存储在 cmets 中，因此您只需要一个缩小器设置为在生产环境中剥离地图，但保留它们以供 preprod/local环境。反正我就是这样解决它的，它对我来说效果很好。