问题标签 [gulp-less]

我正在使用 less 和 Grunt，并且正在转向 gulp。

我的少作品。当我运行时：

我得到没有错误的工作输出。我所有的 less ，包括包括在内，都在 public/less中，顺便说一句。这是我的 gulpfile：

当我运行 gulp 时，我得到：

@brightblue 在 myapp.less 开始处导入的文件中定义。

• 为什么 gulp 不接收我的包含？为 less 指定 'paths' 选项应该可以使它工作，但它并没有修复它。
• 调试这个的好方法是什么？例如，我没有行号。
• 有没有办法让 gulp 工作？

我正在努力解决以下问题：

我的 gulpfile.js 编译所有 .less，缩小它并将所有 CSS 连接到 ./dist/all.min.css

有没有一种方法可以重写 HTML 文件，删除所有样式标签，然后只将一个样式标签放入其中加载缩小的 CSS？

我刚开始玩gulp，它非常快速且易于使用，但它似乎有一个严重的缺陷：当一个任务需要输出多种类型的文件时，你会怎么做？

例如，gulp-less表示它甚至不支持该sourceMapFilename选项。我不希望我的源映射嵌入到我的 CSS 文件中。我被圈套了吗？我应该回到使用 Grunt，还是有办法解决这个问题？

我正在运行一个将 HAML 和 LESS 转换为 PHP 和 CSS 的简单脚本。我还使用 gulp.watch 来检查我所做的所有更改。

问题：gulp-less 和 gulp-haml 正确处理文件。但是当 gulp.watch 看到文件中的更改时，文件最终为空。gulp.watch 正在使用与成功创建 php 文件完全相同的任务。

我今天开始查看 gulp.js 来编译我的 less 文件等。

我已经启动并运行了一项任务，但编译后的文件都放在同一个文件夹中 - 不维护源层次结构。

有没有办法确保输出保持原始文件结构？

我是 gulp 的新手，所以可能没有正确执行此操作。

这是我的 gulp 文件（与 Less 相关的部分）：

我想将源主题文件夹中的 Less 文件放在目标主题文件夹中。我缺少哪些选项？

我必须将这些作为单独的任务运行吗？

谢谢

更新： 我查看了建议的帖子并将路径更改为：

我还将我的目录变量更改为：

但它不会产生themes我期望的文件夹。

我真的很喜欢 gulpjs，它是我选择的任务管理器，但我有点希望几个月前我了解任务管理器并进入 gruntjs，主要是为了获得支持。对于 gulpjs 来说，很难找到有关特定事物的信息。

我的问题是如何设置我的gulpfile.js，以便我可以对 bootstrap.less 文件进行编辑，特别是variables.less. 我确实安装了“ gulp-less ”，并像下面那样实现了它。

运行后出现以下错误gulp less。

events.js:72 throw er; // Unhandled 'error' event ^
Error: EEXIST, mkdir 'C:\wamp\www\myproj\source\css\bootstrap.css'

我认为我的 sass 任务代码设置不正确，我是一个 gulp noobie，但我尝试了多种组合，是的，我确实使用了“ gulp-less ”文档中的示例，我使用的代码是最简洁明了的削减我想要完成的代码。

编辑：我在谷歌上找到了一些很好的关键字我发现了一些最近的帖子，这是一个使用 Gulp-less 维护文件夹结构的启动 Gulp似乎没有一个好的答案，我必须阅读。

附加：我忘记了使用文档中的代码时，出现 alerts.less 错误

错误

stream.js:94
throw er; // Unhandled stream error in pipe.
^
[gulp] Error in plugin 'gulp-less': variable @alert-padding is undefined in file C:\wamp\www\myproj\source\less\alerts.less line no. 10

即使我删除了该行，它仍然会不断发现新的错误。

编辑：文档确实说，以下但对我没有意义，是说应该有错误，如果这样令人困惑，我会尝试按照他们提供的指南进行操作。

错误处理

默认情况下，gulp 任务将失败，并且当发生错误时所有流都将停止。要更改此行为，请查看此处的错误处理文档

尝试创建一个 gulp 任务，该任务将通过 LESS 从不同文件夹中传输一堆文件，然后将它们输出到基于原始源的文件夹。考虑这个文件夹结构：

这是我的 gulpfile：

我知道 gulp.dest() 需要传入一个路径，但在我的示例中，路径将根据源文件而有所不同。那么如何从源代码中获取路径，对其进行修改，然后将其传递给 gulp.dest()？

还是我以错误的方式解决这个问题？

I am developing a Magento website using Vagrant and Puppet to manage my dev environment.

I am using the Magento Boilerplate theme (https://github.com/webcomm/magento-boilerplate) as a base, which uses Gulp.js to run automatic compilation of LESS and JS files.

I am running gulp from the host machine as this has the full suite of node, npm, etc installed, but I get the following error:

The host machine is Ubuntu 12.04 and the Guest is CentOS. The host has the required notify-send package installed and the guest has libnotify, but gulp does not seem to recognise either.

I am new to gulp having used Grunt in the past, so may be missing something here.

我在我的 gulpjs 构建中通过 gulp-less 使用 LESS 编译器。我已经启用了 sourceMap 生成，它有点工作，正确的文件名和行号在那里。

使用源映射生成 LESS 的 gulp 行非常简单：

唯一的问题是源映射包含原始 .less 文件的 URL，并且它是作为我的文件系统的绝对路径生成的，例如/Users/myuser/projects/project/web/css/myfile.less.

在开发过程中，我通过 Apache 为站点提供服务。当我使用 Chrome DevTools 打开站点时，我可以检查元素，并且源映射正在工作，因为我可以myfile.less在样式面板上看到包含正确的行号。但是，Chrome 正在尝试加载较少的文件，并且它使用的是源映射输出的完整路径，但假设它是我网站的相对 url，因此它会尝试加载http://localhost/Users/myuser/projects/project/web/css/myfile.less不存在的文件。

我尝试使用工作区来修复它，但并没有真正管理。这个设置有问题吗？我错过了什么吗？

我正在尝试使用 gulp 将 less 文件编译成 css。我有这个在另一个项目上工作，但不是在这个项目上。

我的任务gulpfile.js是这样的：

gulpfile.js

我的edgc-styles.less文件包括一个@import，其中又包括一个@import如下：

在bootstrap.less文件中它开始如下：

在我的输出中，我得到的只是 bootstrap.less 文件开头的注释和之后的空白。

我不知道如何在 gulp 中记录错误（在 Windows 机器上）以查看发生了什么，但假设它在尝试 import 时失败variables.less。这是一个有效文件，与 bootstrap.less 存在于同一目录中

我在 gulp 配置中缺少什么指令？我是 gulp 的新手，所以不确定它的所有功能以及如何正确遍历目录。

任何帮助表示赞赏