问题标签 [grunt-contrib-less]

我很难找到解决这个问题的方法。我有一个app.less仅包含@import语句的较少文件。现在我想生成一个包含所有导入的less文件的单个less文件，因为我想将它发送给客户端以在那里编译它（是的，我有理由这样做）。

所以 less 文件不应该在 grunt build 步骤中编译，而只是连接起来，这样客户端就不必加载几个 less 文件。我觉得这是一个在客户端编译时也应该出现的用例，但我找不到单一的解决方案。我不在乎连接是否发生在grunt-contrib-less任何其他工具上。

我有一个 main.less 文件。我正在运行 grunt 包：grunt-contrib-less 以生成 css。生成的 css 文件在顶部新插入了以下内容（所有其他引用都正确转换为 css）：

咕噜声配置：

这会导致浏览器错误，因为主页是通过 https 请求的，而这会通过 http 发出请求。大概这是因为较少的编译无法解析字体而发生的？我想包含字体，这样导入语句就不会出现，或者将字体的 URI 更改为：//fonts.googleapis.com....以便它使用父调用方法，即 https。这样做的“正确”方法是什么？

我正在使用grunt-contrib-less将我的文件编译.less成单个 CSS 样式表。一切正常，除了源地图，我在任何情况下都无法工作！

这是我的 Gruntfile：

发生的事情是 Grunt 正在编写一个正确且正确的style.css.map文件，但它没有将以下行写入已编译style.css文件的末尾：

这是缺少的一行。其他一切都得到正确编译和编写。如果我手动将该行添加到已编译 CSS 的末尾，Chrome 会正确地拾取源映射，但它没有被写入。

此外，尝试类似的选项sourceMapFileInline似乎没有任何区别 - 该文件永远不会内联写入。

有任何想法吗？

我有一个基本的应用程序，它使用 LESS 和 grunt watch 来动态编译更改。

很长一段时间以来，我一直在抱怨这样一个事实，即当我更改任何 LESS 文件时，都会重新编译。不能只编译需要的东西真是浪费我的时间。但我希望它聪明一点，所以如果有的话，import它也会编译受影响的文件，而不仅仅是那些被修改的文件。

今天我决定解决这个问题。这一点都不容易。Grunt watch 不会处理这个问题，即使使用 grunt-newer 也没有用，在这两种情况下都需要编写自定义规则。

最后，我没有使用https://github.com/tschaub/grunt-newer，因为它不能很好地与 grunt-sync 配合使用，但更重要的是，因为它不能满足我对 LESS 的需求，因为它可以t 处理 LESS 导入的东西，因此它不会编译相关的文件，而只会编译已更改的文件，它不是“智能”的。

（可以对其进行自定义以考虑到这类东西，人们在 gist 上提供了一些脚本，但没有任何官方仓库，所以很难找到你需要的东西，但绝对值得一看。）

这是一个多次被问到的问题，没有真正或简单的答案。看：

您如何在 Grunt.js 中查看多个文件，但仅在更改的文件上运行任务？

Grunt watch：只编译一个文件而不是全部

Grunt 仅在更改的文件上少看

Grunt：查看多个文件，仅编译已更改

https://github.com/tschaub/grunt-newer/issues/29

https://gist.github.com/cgmartin/10328349

我使用 grunt-contrib-less 和 grunt-contrib-watch 在更改时自动编译我的 less 文件。当 css 不存在时，grunt 编译它就可以了。当一个 css 已经存在并且 watch 看到 less 文件被改变时，css 文件不会被修改。我每次都必须删除它，然后让 grunt 通过修改重新创建它。

少配置：

我在 Windows 10 下，每个用户都有权修改/删除我的 dist 文件夹中的文件。如何让 grunt 修改 css 文件？

编辑

观看配置

登记

咕噜声输出（详细）

I'm experiencing a strange error with angular-material & grunt-contrib-less.

Every time i'm trying to run a simply grunt less task it fails with the following error message

I'm using the latest stable release of angular material (v.1.0.1).

It's required in less like this:

@import (less) "../lib/angular-material/angular-material.css";

And this is my task:

I would love some help on this.

这是我较少的任务配置：

如果我只是输入grunt less，在我编译的文件中我会/*# sourceMappingURL=/style/app.css.map */正确地得到注释。

相反，当我运行grunt并且我的监视任务启动时，/*# sourceMappingURL=/style/app.css.map */注释在编译时被删除。

这是我的手表任务少：

我究竟做错了什么？

我有一种很好的感觉，我在这里做了一些非常愚蠢的事情，但我不确定是什么。

我习惯grunt-contrib-less将 less 编译成 css，但它似乎根本不起作用。它没有显示错误或做任何事情，我不知道为什么。

请在此处找到 JSBIN - http://jsbin.com/hagavokige/edit?html,js

如果您更喜欢 Gist，那么 - https://gist.github.com/ktkaushik/b3fc7aa4445e88c46bdf

我真的可以在这里使用一些帮助。我一直坚持这一点。

我也在使用 -

使用 grunt v0.4.5

使用节点 v5.1.1

使用 npm v3.312

更新 1

根本没有输出。我--debug在 CLI 中添加了标志，但没有运气。

我正在尝试使用 Grunt 和插件 grunt-contrib-less 使用以下选项压缩一堆更少的文件：

但是当我运行 Grunt 任务时，它会删除实际上是评论的横幅。

正如您所注意到的，我正在尝试开发一个 WordPress 主题，并且有必要在我的 style.css 顶部添加此评论以使其正常工作。

您知道解决此问题的解决方法吗？

谢谢！

我少了 2 个文件a.less和b.less。我想使用 grunt 将它们转换为a.css和b.css，但 grunt-contrib-less 任务连接了这两个文件。

如何将两个较少的文件转换为相应的 css 文件？