问题标签 [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.
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 的所有处理。
有什么帮助吗?
gulp - 如何让 Gulp LESS 只输出主文件,忽略包含?
我的应用程序文件夹中有一个充满 LESS 文件的文件夹。有 2 个主文件和几个包含,所有这些都以“_”为前缀。我只想将这两个文件及其源映射输出到我的构建文件夹,但当然默认设置会输出所有较少的文件:
我想我可以将我的包含放在一个子目录中,但如果我不需要,我宁愿不必编辑 LESS。
更新
我知道如何在其中指定一个文件,gulp.src
但我有 2 个 LESS 文件需要制作成 2 个 CSS 文件,每个文件都有自己的地图。
javascript - Gulp 使用 @import 监视和编译更少的文件
我试图让我的头脑围绕 gulp 观看和编译一个 .less 项目 + livereload。我有一个 style.less 文件,它使用@import
. 当我运行 gulp 任务时,它似乎不理解导入。当我修改主要的 less 文件时,gulp 会编译文件并刷新浏览器,但如果我只修改导入,则更改将被忽略。
这是我的 gulpfile.js
我尝试不指定主文件名,gulp.src('./*.less')
但所有较少的文件都是单独编译的。
谢谢
gulp - 只有在文件已更改时才能运行 gulp-less
我每次都不能不处理所有事情。我试过了:
- 更新我的 gulp 版本
- 使用 gulp-changed
- 使用 gulp-newer
它适用于 gulp-ngmin,但不适用于 gulp-less
因此,仅当我更改 test.js 时才会处理 test.js:
但是每次我运行这个任务时,它计算的越少
这里有什么问题?
javascript - 使用 gulp-if (或其他)有条件地启用 gulp-watch
基本上我想设置我的任务,这样如果我这样做gulp less --watch
就会观察,否则就进行构建。这是我到目前为止所拥有的:
发生的情况是它仍然执行watch
,但不传递任何文件。这也可以防止任务process.exit()
ing..
我假设我必须将它包装在某些东西中,或者使用替代方法(不是gulp-if
)..
gulp - Gulp 管道分隔目标文件夹
我正在编写一个遍历多个文件夹并监视更少文件的 gulp 任务。我想将编译后的 css 通过管道返回到 less 文件来自的同一文件夹。不幸的是,我似乎找不到为每个文件提供一个单独的输出文件夹的好方法。
gulp - 有没有办法让 gulp 传递错误消息/位置?
我创建了一个较少的任务:
当我运行它时,我得到:
这不是很有用(您如何搜索无效的十六进制值..?..以及在哪里?)
如果我手动运行 lessc 它会给我:
我需要做什么才能通过 gulp 获得这个信息丰富的错误消息?
gulp - 将供应商 CSS 与 LESS 结合后以及 gulp-minify 后源映射错误
我正在尝试执行以下操作:
- 合并所有 CSS 文件(jQuery 插件)
- 合并媒体查询
- 缩小 CSS
- 编写 sourcemap
之后我尝试在不同的文件夹中做其他事情
- 少翻译
- 合并媒体查询
- 缩小生成的 CSS
- 编写 sourcemap
- 自动前缀的东西
看起来像这样:
我唯一的问题是生成的源映射是错误的,并且总是引用错误的 LESS 文件。
我使用以下库来实现这一点:
- 吞咽连接
- 少吞咽
- gulp-autoprefixer
- gulp-combine-media-queries
- gulp-sourcemaps
- gulp-minify-css
我知道如果我省略了供应商的东西,它会起作用,但我希望只有一个结果样式表。
感谢您的每一个建议!
less - 如何使用 gulp 让源映射包含我所有的 LESS 文件
我的 /less 文件夹中有两个 LESS 文件:
main.less:
和 vars.less
我的 gulp 任务使用 gulp-less 和 gulp-sourcemaps
CSS 生成(在 /public/main.css)工作正常,但在源映射中,我只能看到 main.less,而不是 vars.less。任何的想法?提前致谢
gulp - 有什么方法可以用 @imports 编译更少的文件,然后用 Gulp 将它们连接起来,都在同一个流中?
我在我的 gulpfile.js 中尝试了这个:
但我总是收到这样的消息:
我在所有较少的文件中使用@imports,并且引用是那些在消息中未找到的引用。例如,我的 widgets.less 文件如下:
我错过了什么吗?在此先感谢您的帮助!