问题标签 [grunt-contrib-less]

问题标题几乎说明了一切。我不知道如何配置现在支持源映射的grunt-contrib-less任务。我的预期结果是让 Chrome DevTools CSS 检查器指向 Less 规则。如果可能，最好将源映射内联在同一个输出的 CSS 文件中，以避免使用单独的源映射文件使我的工作区混乱。

谢谢

为 Oxid eshop 开发移动主题。我在设置 grunt 配置以将较少的文件与源映射一起编译时遇到困难，以便我可以使用 Chrome 开发人员工具。我有最新版本的 grunt 和 npm 模块。我用于测试的 Weserver 是 Windows7 上的 XAMPP。

文件结构（仅相关部分）

out
-mobile
--src
---css
---less

如您所见，魔法发生在 out/mobile/src/less 和 out/mobile/src/css 中。

我的 Gruntfile.js：less 部分看起来像这样：

哪个有效：它输出 css 和 souremap.css.map

在生成的css文件的末尾有

我觉得还可以

sourcemap 文件中的文件路径如下所示：

这似乎也可以。

现在 chrome devtools ( chromium 31, Chrome 32) 文件显示为 .less 文件，而不是到目前为止还不错的 css 文件。仍然将鼠标悬停在文件名上时，路径不正确，但如下所示：

正如您所看到的，它向 css 路径添加了更少的路径，这当然是行不通的。

我错过了什么？有没有办法获得正确的路径？还是 grunt-contrib-less /Chrome dev-tools 无法做到这一点？

希望这里的社区有任何想法。谢谢你。

我有一个非常简单的 LESS 文件，现在只导入 Bootstrap。我正在使用grunt并grunt-contrib-less@0.9.0在保存（less@1.6.3）时编译 LESS 文件。

我的文件如下所示：

每当我尝试运行我的less:dev任务时，我都会收到以下错误。

我已经尝试从文件中删除除导入行之外的所有内容，但它仍然失败，因此该@import指令发生了一些奇怪的事情。

有任何想法吗？

标题说明了一切。这是更少的选项：

http://lesscss.org/usage/#command-line-usage-source-map-map-inline

可通过 grunt-contrib-less 或其他插件获得？我不抱希望，因为在 grunt-contrib-less 文档中的任何地方似乎都没有提到它。

需要明确的是，我不希望 grunt 输出单独的映射文件，我希望映射信息内联显示在主输出 CSS 文件中。

我正在使用 Grunt (grunt-contrib-less) 将我的 Less 文件处理成 CSS。这是有效的，但源映射不是。

我的 Less 文件位于 .Grunt 中/assets/less，Grunt 将它们编译成/public/css.

/public/是我在互联网上公开查看的文件夹。我想有一种方法可以让 sourcemaps 工作，即使我的源 Less 文件不在可公开访问的文件夹中。但是我没有找到任何例子。

我的 grunt-contrib-less 配置是：

我正在尝试使用grunt-contrib-less grunt 任务将我的less文件编译为 css。我想做的是内联编译它们，以便每个.less文件创建一个.css文件。

工作流程：

1）初始文件系统：

2）运行grunt less

3）文件系统：

我玩过各种选择，但我不知道如何做到这一点。任何建议将不胜感激。这是我一直在使用的起点 grunt 任务：

这将（我认为）将所有较少的文件合并到一个 CSS 文件中。

grunt contrib less 插件有两个相似的声音属性和相似的描述。

对于外行来说，这些描述听起来基本相同。有人可以对比这两个属性，可能每个都有一个用例吗？

尝试少编译时，我缺少NameError: variable @brand-success is undefined in app/static/css/less/style.less on line 131, column 15:. 但是，它是app/bower_components/bootstrap/less/variables.less由'app/bower_components/bootstrap/less/bootstrap.less'.

使用grunt-contrib-less和编译时显示：

我证实它正在拉动'app/bower_components/bootstrap/less/bootstrap.less'，因为我有：

如果我故意改变路径是错误的，它会抱怨。所以，我知道它正在使用 bootstrap.less。

有谁知道这是什么原因造成的？

这是更多信息：

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

然后我希望将文件编译为 css（工作），并为每个文件生成一个单独的源映射（不起作用）

让源映射开始工作似乎很棘手，但对于多个单独的 文件似乎根本不起作用。

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

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

有没有办法防止 grunt-contrib-less 编译带有下划线的文件？

我有一组文件正在导入到主文件中。导入的文件带有下划线前缀，@import "_fileone"但因为我使用带有动态映射的 grunt，所以正在编译所有 .less 文件 - 而我只对主文件感兴趣。