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

glob - Gulp globbing 和 negate

我遇到了一个问题,我无法使用 Globbing 编译一组 LESS 文件。

我的结构是这样的:

每个目录都有一组较少的文件,我想做的是编译 responsive.less 和 fixedwidths.less 但我想忽略dir3.

我用于编译较少文件的 Gulp Glob 是:

我期待这paths.source+'responsive/*.less'将匹配 responsive.less 和 fixedwidths.less 并且'!'+paths.source+'responsive/**/*.less'会忽略其他所有内容,但这似乎不是正在发生的事情。后一位代码似乎停止了对 dir3 的所有处理。

有什么帮助吗?

0 投票
1 回答
4407 浏览

gulp - 如何让 Gulp LESS 只输出主文件,忽略包含?

我的应用程序文件夹中有一个充满 LESS 文件的文件夹。有 2 个主文件和几个包含,所有这些都以“_”为前缀。我只想将这两个文件及其源映射输出到我的构建文件夹,但当然默认设置会输出所有较少的文件:

我想我可以将我的包含放在一个子目录中,但如果我不需要,我宁愿不必编辑 LESS。

更新

我知道如何在其中指定一个文件gulp.src但我有 2 个 LESS 文件需要制作成 2 个 CSS 文件,每个文件都有自己的地图。

0 投票
1 回答
15882 浏览

javascript - Gulp 使用 @import 监视和编译更少的文件

我试图让我的头脑围绕 gulp 观看和编译一个 .less 项目 + livereload。我有一个 style.less 文件,它使用@import. 当我运行 gulp 任务时,它似乎不理解导入。当我修改主要的 less 文件时,gulp 会编译文件并刷新浏览器,但如果我只修改导入,则更改将被忽略。

这是我的 gulpfile.js

我尝试不指定主文件名,gulp.src('./*.less')但所有较少的文件都是单独编译的。

谢谢

0 投票
2 回答
2260 浏览

gulp - 只有在文件已更改时才能运行 gulp-less

我每次都不能不处理所有事情。我试过了:

  1. 更新我的 gulp 版本
  2. 使用 gulp-changed
  3. 使用 gulp-newer

它适用于 gulp-ngmin,但不适用于 gulp-less

因此,仅当我更改 test.js 时才会处理 test.js:

但是每次我运行这个任务时,它计算的越少

这里有什么问题?

0 投票
2 回答
2407 浏览

javascript - 使用 gulp-if (或其他)有条件地启用 gulp-watch

基本上我想设置我的任务,这样如果我这样做gulp less --watch就会观察,否则就进行构建。这是我到目前为止所拥有的:

发生的情况是它仍然执行watch,但不传递任何文件。这也可以防止任务process.exit()ing..

我假设我必须将它包装在某些东西中,或者使用替代方法(不是gulp-if)..

0 投票
1 回答
1017 浏览

gulp - Gulp 管道分隔目标文件夹

我正在编写一个遍历多个文件夹并监视更少文件的 gulp 任务。我想将编译后的 css 通过管道返回到 less 文件来自的同一文件夹。不幸的是,我似乎找不到为每个文件提供一个单独的输出文件夹的好方法。

0 投票
1 回答
988 浏览

gulp - 有没有办法让 gulp 传递错误消息/位置?

我创建了一个较少的任务:

当我运行它时,我得到:

这不是很有用(您如何搜索无效的十六进制值..?..以及在哪里?)

如果我手动运行 lessc 它会给我:

我需要做什么才能通过 gulp 获得这个信息丰富的错误消息?

0 投票
1 回答
728 浏览

gulp - 将供应商 CSS 与 LESS 结合后以及 gulp-minify 后源映射错误

我正在尝试执行以下操作:

  1. 合并所有 CSS 文件(jQuery 插件)
  2. 合并媒体查询
  3. 缩小 CSS
  4. 编写 sourcemap

之后我尝试在不同的文件夹中做其他事情

  1. 少翻译
  2. 合并媒体查询
  3. 缩小生成的 CSS
  4. 编写 sourcemap
  5. 自动前缀的东西

看起来像这样:

我唯一的问题是生成的源映射是错误的,并且总是引用错误的 LESS 文件。

我使用以下库来实现这一点:

  • 吞咽连接
  • 少吞咽
  • gulp-autoprefixer
  • gulp-combine-media-queries
  • gulp-sourcemaps
  • gulp-minify-css

我知道如果我省略了供应商的东西,它会起作用,但我希望只有一个结果样式表。

感谢您的每一个建议!

0 投票
1 回答
2219 浏览

less - 如何使用 gulp 让源映射包含我所有的 LESS 文件

我的 /less 文件夹中有两个 LESS 文件:

main.less:

和 vars.less

我的 gulp 任务使用 gulp-less 和 gulp-sourcemaps

CSS 生成(在 /public/main.css)工作正常,但在源映射中,我只能看到 main.less,而不是 vars.less。任何的想法?提前致谢

0 投票
1 回答
2847 浏览

gulp - 有什么方法可以用 @imports 编译更少的文件,然后用 Gulp 将它们连接起来,都在同一个流中?

我在我的 gulpfile.js 中尝试了这个:

但我总是收到这样的消息:

我在所有较少的文件中使用@imports,并且引用是那些在消息中未找到的引用。例如,我的 widgets.less 文件如下:

我错过了什么吗?在此先感谢您的帮助!