问题标签 [gulp-less]

我正在尝试调试为什么 gulp-less 没有输出正确的 CSS 并引发异常。似乎 less.js 似乎没有输出 CSS。

这是我的代码：

输出是

代替

正如网站上所预期的那样：http: //lesscss.org/

我正在使用 gulp 从 less 创建一些 css 并具有监视功能。当更少的文件没有错误时一切正常，手表正在调用更少的函数并编译css。但是，当我在较少的文件中出现错误时，请注意休息一下，说明错误停止的位置。当我修复较少文件中的错误时，手表不再工作。我要重新启动，能不能看看有没有错误继续看编译，这里是我的gulp.js

我正在使用 Gulp 自动复制/捆绑/编译我的文件，我基本上将整个文件夹结构从基本文件夹（MyProject/Scripts）复制到 wwwroot/js。

在复制/处理过程中，我想将输出路径/文件名重命名为小写。我找到了 ChangeCase 模块和 Rename 模块，但我无法在下面的设置中使用它。

和

我的项目中的样式以这种方式组织：

在 style.less 中按顺序导入：

在示例中 1.less 包含 html 标签的属性，2.less 包含 body 标签的属性，3.less 包含 div 标签的属性；我希望输出应该是这样的：

但在编译的 style.css 中，我得到了一个重复的样式属性：

构建系统 - Gulp，gulpfile.js 看起来像这样：

在我看来，错误在于 gulpfile.js。

我对 Gulp 很陌生——我是 Grunt 的新皈依者。

我已经设置了我的第一个 Gulp 文件来进行预处理

它似乎工作正常，有两个问题 -

1. 我希望将 less 输出到一个名为 styles.css 的 CSS 文件中，而不是多个。
2. 如果我在 less 文件中创建错误，我似乎没有得到任何错误输出 - 它无论如何都会编译

例如，我已将此代码添加到我的较少文件之一中：

但我的 gulp 输出正常处理：

我试图让 Gulp 从 LESS 文件夹中编译我的所有 LESS 文件，然后在它们各自的 Wordpress 主题文件夹中创建一个 CSS 文件夹，编译到目录 css/main.css 文件中。这是使用 Wordpress wp-content/themes/theme-name/less 作为文件结构。每次我尝试编译时，它都会将它扔到 /themes/** 文件夹中，或者如果我使用 .pipe(gulp.dest('./css/')); 它在项目的根目录中创建它。我希望它在每个主题文件夹中创建一个新的 css 文件夹，并根据它们各自的 LESS 文件将 main.css 编译到每个文件夹中。

我希望它发生的方式是：

当你运行 gulp 时，它会编译并创建一个文件夹：wp-content/themes/theme-name/css from wp-content/themes/theme-name/less。我希望它查看每个主题名称文件夹并创建一个相应的 /css/ 文件夹，编译后的 less 为 main.css。

现在它似乎正在 wp-content/themes 的根目录中创建一个 ** 文件夹。

首先，这是一个非常简单的问题示例：https ://github.com/nkoder/example-of-gulp-less-zero-exit-on-error

我想定义因任何错误而失败的 gulp 构建管道。该管道将​​用于自动化过程（例如持续集成），因此我需要构建命令在失败时返回非零退出代码。它适用于我使用无效的 Jade 模板或使用 Karma 运行的未通过测试。

问题是当我使用gulp-lessLESS 准备 CSS 时。每当我在gulp-less执行后添加任何管道步骤时，所有错误都被“消耗”并且整个任务以 0 退出。但它不应该。

• 第一个问题是：如何强制wrong任务以非零退出代码失败？（已解决，请参阅下面的答案）
• 第二个问题是：为什么error在调用中发出的事件less()后跟管道流不会使整个任务返回非零退出代码？在其他一些类似情况下返回非零，例如。在 Jade 或 ESLint 失败中。（尚未解决）

版本：

• 节点 5.11.0
• npm 3.8.6
• 吞咽 3.9.1
• 无吞咽 3.1.0

我正在使用 gulp-angular yeoman 生成器，并且在处理 gulp-less 和 bootstrap 时遇到了一些麻烦。

实际上，在尝试提供我的文件时，我有类似的东西：

我不知道那里发生了什么。

我使用带有 gulp-sourcemaps 的 gulp-less 编译器编写源映射文件。

但它在我的 chrome 开发工具中不起作用，我看不到 less 的内容。只有css文件。

这是我的 gulp 文件：

I'm using gulp for generating CSS from LESS. It has worked perfectly, but now the script seems to ignore the LESS files.

Here is my gulpfile.js (it is definitely correct, since I have not change it in the last time):

And here is the call and the output:

The whatch also works correctly -- when I edit my LESS files I get an output like this:

I also tried to run the build-less directly:

No errors, but also no changes at the CSS files.

What might go wrong here and how to fix it?