问题标签 [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 回答
128 浏览

javascript - 如何将 2 个vinyl-fs 与 gulp 合并,以不从部分预编译任务创建临时文件

为了协调 SPA 应用程序的风格,我想在 JSON 文件中定义一些风格变量,并在我的 Less 编译中使用它。

基本上它可以像这样工作:

而且更少:

在进行较少的编译之前是否可以在不创建中间文件的情况下做到这一点?是否可以将第一个任务的结果和 Less 源合并到同一个乙烯基 fs 以进行 Less 编译?

此致。

0 投票
1 回答
201 浏览

gulp - Gulp-kss 问题

我正在尝试开始gulp-kss我的项目,但是当我尝试运行我的任务时遇到了问题。我收到以下错误消息:

我将如何解决此错误?我一直在搜索 Google 和 Stackoverflow,但我还没有找到解决方案。我的解决方案基于这个gulp-kss。我在gulp下面包括了我的任务:

0 投票
1 回答
400 浏览

javascript - Gulp gulp-less 包含组件子文件夹

我的 less 文件夹包含子文件夹(还有更多文件夹)。看起来是这样...

现在我的 gulpfile.js 可以找到 main.less 就好了。但是我怎样才能进入子目录(学生、课程、教师)并获取他们各自的.less文件以减少 gulp + minify?

这就是我所拥有的:

0 投票
1 回答
200 浏览

twitter-bootstrap - 如何编译引导程序以获得与预编译相同的版本?

我买了一个模板。如果我尝试使用预编译版本的引导程序编译它,一切都很好。

但是,如果我将编译 bootstrap less 变体,则某些颜色与预期不同:

有什么区别。dist我应该如何编译引导程序,以在颜色方面与文件夹中的预编译变体具有完全相同的结果?

我需要这个,因为我需要将我的模板与Kendo UI一起编译,并且我的模板并未提供 Kendo UI Bootstrap Mapper 所需的每个主题变量。


这是我的吞咽任务:

0 投票
0 回答
607 浏览

tfs - 当 src 文件夹文件更改时,Gulp TFS 仅检查 dest 文件夹中已修改的文件

当我更改 src 文件夹中的文件时,我试图从 dest 文件夹中检出文件。目前,当我使用 tfs-gulp-checkout 插件时,它会检出所有文件,但我试图仅将 src 文件夹中的已修改文件检出到 dest 文件夹中:

如何仅检查 dest 文件夹中已修改的文件,例如,上面的代码只修改了一个较少的文件,即检查 dest 文件夹中我不想要的所有 CSS 文件。

这是我找到的另一个解决方案,但无法弄清楚如何将它与 gulp 任务一起使用:

https://gist.github.com/loktar00/345d071d5086fec957ab

0 投票
2 回答
217 浏览

css - 有没有办法告诉less-css/gulp-less 保留@import 规则原样

我希望 less 编译器生成的 css 文件@import在文件开头包含一个指令。

即给定这个更少的文件:

生成的 CSS 文件应如下所示:

似乎 less import 指令的各种选项都没有帮助产生这个。还有其他方法吗?


更新:我正在使用gulp-less来编译更少的文件。这可能是那个包的问题,​​而不是 less 本身的问题(@import (css) "external.css";没有给出预期的结果)。

0 投票
0 回答
53 浏览

css - 在 css 中调试奇怪的少输出

我使用gulpandgulp-less来预处理我的.less文件,随着时间的推移,我提出了一些非常复杂的结构,虽然给了我一些真正的灵活性,但有时也会使调试变得困难。

目前,我的main.css文件开头有以下输出:

由于我所有的媒体查询都是用变量定义并用mixin调用的,看起来它应该很容易调试......但是,我的任何文件中都没有应该产生这个的东西 - 至少到目前为止正如我所知 - 事实上,甚至没有那么多候选人可以解析可能会产生这种情况 - 所以我有点卡住了。

但实际上,更大的问题——不管是什么原因造成的——是如何调试潜在的复杂less输出。除了到处发表评论外,我知道没有明显的技巧。

有什么帮助吗?

0 投票
0 回答
59 浏览

html - gulp 任务流程未按预期工作

我有两个任务,它们是“样式”和“干净样式”。监视任务监视 .less 文件中的任何更改,并在发现更改时触发样式任务。这个场景工作正常。

当 .less 中存在语法错误时,gulp-plumber 会在 cmd 行上显示错误,其余的执行也会停止,这也是正确的。

纠正 .less 中的错误后,watch 恢复并触发了样式任务,但样式任务只是完成了依赖的 clean-styles 任务,没有进一步的进展。

我还希望执行样式任务。请帮忙。

0 投票
1 回答
1395 浏览

npm - 错误:无法使用 pnpm 找到模块“更少”

我尝试使用 pnpm 但在 buildmachine 上出现此错误:

我试图解决这个错误,但不知道如何让 pnpm 安装模块。根据这个问题,这应该已经解决了: https ://github.com/pnpm/pnpm/issues/118

一些package.json:

有人遇到过这个问题并解决了吗?如果我错过了一些信息,请告诉我!

0 投票
1 回答
555 浏览

css - gulp with less: 使用 sourcemaps 少运行、连接和缩小 css?

我正在尝试制作一个缩小的 css 文件,但包含一个源映射,以防我需要在经常发生的生产环境中进行调试。这行不通。如果我使用以下代码:

});

整个过程正常工作,一切都生成了,最终的 min.css 是正确的并且工作正常,但是源映射是疯狂的,在浏览器中调试声称所有样式引用都来自源映射中第一个引用文件源的第 1 行或第 2 行:

在此处输入图像描述

但是,如果我从进程中删除 cssmin() 并运行它,一切正常,包括源映射。尽管我将它们全部合并为一个,但源映射引用了原始文件。

我究竟做错了什么?我怎样才能做到这一点?

编辑:根据 vegasje 的建议,我使用了错误的插件,但是当从 mincss 切换到 cleanCss 时,我仍然无法将单个 min.css 文件映射到原始文件。它仅引用连接文件:

{"version":3,"sources":["wwwroot/css/site.min.css"],"names":[],"mappings":..."

但是,如果我再次删除 cleanCss() 命令。源映射看起来有效并且看起来正确:

但是,它并没有被缩小。