问题标签 [gulp-less]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
748 浏览

gulp-less - gulp-less undefined 变量在同一个文件中,运行lessc没有错误

我很困惑...

我正在使用 gulp-less 将我的 less 文件转换为 css。我有以下代码:

当我执行 gulpfile 时,我收到以下错误:错误:变量 @bower_path 在文件 /srv/www/frontend/build2/less/adex/style_default.less 行号中未定义。8

出于某种原因,@node_modules_path 变量没有给我任何错误。

通过lessc编译less文件也可以正常工作......

0 投票
1 回答
1409 浏览

javascript - 如何从缩小的 CSS 文件创建返回原始 .less 文件的源映射?

我正在使用 Gulp.js,在我做了一个缩小步骤之后,我很难让 gulp-sourcemaps 一直指向原始的 less 文件。

由于 gulp-minify-css 不支持源映射,因此我使用的是 postcss 和 csswring。

理想情况下,我想结束:

  • ss.css(未缩小)
  • ss.css.map(从 ss.css 指向原始 .less 文件)
  • ss.min.css(缩小)
  • ss.min.css.map(从 ss.min.css 指向原始 .less 文件)

目前,我已经停止尝试输出缩小版和非缩小版,但即使让缩小版指向原始 .less 文件似乎也不起作用。

无需执行缩小步骤,我的 .map 文件就可以很好地工作,如下所示:

当我执行缩小步骤时,它会更改地图以将缩小文件指向已编译的 CSS,而不是原始的 Less 文件:

这是我的 gulpfile.js:

一如既往,任何想法表示赞赏!

我已经尝试使用过滤器只重命名生成的 .css 文件而不是其他任何东西,但这似乎并不能解决核心问题。

0 投票
1 回答
3897 浏览

less - gulp-less 不创建输出 css

我已经为此苦苦挣扎了几个小时。我的 gulpfile 中有以下内容:

我运行“gulp styles”,它没有错误地完成,但 .css 从未创建。我尝试简单地注释掉中间线,如下所示,并且按预期工作;less 文件被复制到 dest 目录:

知道为什么 gulp-less 不会生成 css 吗?如果我只使用较少,则文件会正确生成。

0 投票
3 回答
1233 浏览

javascript - 使用 gulp-useref 和 gulp-less 编译 LESS?

我正在尝试使用 gulp-useref 插件编译我的 LESS 文件,但好像 gulp-less 插件永远不会在管道中输出我的 LESS 文件的编译版本。LESS 文件无需编译即可与其他 CSS 文件连接。

我尝试仅使用 gulp-less 单独编译我​​的 LESS,它运行良好,但我不知道为什么它似乎与 gulp-useref 插件冲突。

这是我的 gulpfile :

提前感谢您的回答!

0 投票
2 回答
291 浏览

twitter-bootstrap-3 - Gulp 与 WinSCP - livereload 和更少

我在远程服务器上使用 gulp 和livereload,less等。我之前已经成功使用过很多次gulp,从来没有遇到过这种情况。

我正在使用 WinSCP 保存/编辑文件(我双击文件,它在 Sublime Text 中打开......我保存它,WinSCP 自动将它上传回服务器)。

但是,这样做gulp-less几乎总是失败。我有两个已编译的核心 CSS 文件——一个是 Bootstrap,一个是我自己的——它们都应该在修改时使用自己的 gulp 任务进行编译——但 Bootstrap 每次都失败,另一个文件大约有一半的时间失败。

当我说失败时,这就是我的意思 - 使用 Bootstrap 我总是得到同样的错误:

即使我@grid-columns在主引导“导入”文件中定义为第一个标题,也会发生这种情况。

另一个失败是livereload在编译 Less 文件之前的某个时间点重新加载已编译的 CSS。这应该是不可能的,但它以某种方式发生。

但是,当我从 SSH 命令提示符输入touch myfile.lessortouch anybootstrapfile.less时,一切正常。

显然这很烦人,但它是宜居的。我认为必须有某种方法来解决它。关于世界上有什么可以使这种情况发生以及我可以做些什么(如果有的话)来解决它的任何想法?

0 投票
1 回答
5151 浏览

node.js - Gulp-watch 不工作,无法运行

我有 gulpfile.js

当我运行gulp less命令行时写道:“插件'gulp-watch'中的错误。消息:需要全局参数。”

我按照这篇文章进行:http ://www.smashingmagazine.com/2014/06/11/building-with-gulp/

我可以寻求帮助吗?谢谢

0 投票
1 回答
341 浏览

css - 如何使用 gulp 编译检测 LESS 中的根文件

事情就是这样。我的 LESS 文件具有以下结构:

我正在使用 gulp 来编译我的 LESS 文件。资源:

问题出在指定路径上。我这样理解这条路径./less/**/*.less:递归遍历所有文件夹并编译所有以.less. 问题是编译器想要一个一个地编译每个文件并且不知道所有文件都包含在我的source.less. 它不查找根文件,也不知道包含哪些文件以及哪些是根文件。

如何告诉 LESS 解析器哪些文件是根文件以及要导入哪些文件。在 SASS 中,它通过文件名中的下划线指定,如下所示:_includedPart.scss。

0 投票
1 回答
840 浏览

gulp - 内联源映射(使用 gulp-sourcemaps 生成)不起作用

这有点奇怪:

我有一个看起来像这样的 gulp 任务:

我正在从 play 1.3 项目中运行此任务,它按预期生成 base64 编码的内联源映射,但是当我在 chrome 中加载它时,所有样式都映射到第 1 行main.css,表明有些东西是错误的。

现在,这就是奇怪的地方:如果我运行相同的任务,指向相同文件的副本,在另一个具有相同目录结构的项目中,只是在普通 ol' apache 下运行,它完全按预期工作。输出文件看起来完全相同。

有没有人知道为什么会这样?

FWIW,在缩小和连接我的 js 时,使用gulp-uglifygulp-concat

0 投票
1 回答
528 浏览

css - Gulp minify-css only for distribution

How can I minify CSS generated from LESS only to 'dist' folder? Of course all gulp plugins are corretly installed. Everything goes OK except minifying CSS. Here is my code:

If I move .pipe(minifyCSS({keepBreaks:false})) one line above it works. But I need to have compressed CSS only in dist forlder.

Thanks for advice.

0 投票
4 回答
6705 浏览

javascript - 在 LESS 文件中出现错误后,Gulp.js 停止编译 LESS

我遇到了问题gulp。我和 和gulp-watch一起跑。一切都在完美运行。gulp-lessgulp-clean

当我编辑somefile.less并保存它时缺少分号,或者我可能不小心留下了尾随;s,保存时我的代码中出现gulp-less错误,在控制台中记录错误。修复后,它会gulp-watch继续查看文件,但gulp-less不会触发且无法编译。当我停止gulp并在终端中再次运行它时,一切都恢复正常。

这是我的gulpfile.js

这是我的devDependencies

最后,这是控制台中的消息:

您能否告诉我该gulp-watch任务有什么问题,并帮助我在删除错误后使其运行gulp-less,而无需重新启动gulp

编辑:我编辑的gulp-less任务