问题标签 [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.
javascript - 更改包含的文件时,Gulp-less 不会构建 LESS
我正在使用以下文件夹结构:
我在我的gulpfile.js中使用以下内容
我的main.less包括所有其他 LESS 文件的 @imports。
如果更新了 LESS 文件(除了main.less),则文件main.css不会更改。
如果main.less更新(在任何其他 LESS 文件更改后需要),则main.css然后更新。
无论哪个 LESS 文件被更改,我如何修改我的 gulpfile.js 以更新“main.css”文件?
谢谢你。
less - 使用 gulp 减少不同文件中的变量
我正在处理一项关于压缩更少和缩小 css 的 gulp 任务,唯一麻烦的是我需要在 3 个不同的环境(本地、开发、产品)中使用 3 个 files.less 硬编码 3 个不同的变量。每次删除它(原始文件)后,我都会交换正确版本的正确环境。在 main.less 文件中,我包含了 original.less 文件。
(小米英语和解说技巧不亮)
我认为 less 的任务运行正确,但问题是当 gulp less 包含我的 original.less 文件时,它们应该首先读取 var 还是先包含它然后再读取 var?
我包括我的 gulp 任务,因为有人对这个“问题”有更好的组织
css - 在默认值中引用两个 gulp 任务
我有一个 gulp 的“默认”任务,我想在 gulp 继续构建我的缩小 CSS 和 JS 之前清理一个文件夹。这个“干净”任务只需要每个默认任务运行一次。但是我在尝试获取默认任务以引用实际构建任务时遇到问题。所以这是我的 gulpfile:
那么我该怎么办呢?每个单独的任务都将独立运行,“gulp css”,“gulp vendor”。就在我将它们放入默认任务(主任务)中时,我遇到了问题。
托尼
gulp - 我无法让 data-uri() 函数在 gulp.js 上对 mac 上的图像进行 base64 处理
我有一个较少的 mixin 集来生成 base64 背景图像,就像这个示例输出一样。
它在我的 windows gulp 环境中完美运行,但我无法让它在同一 gulp 环境的 mac 版本上运行。
在我的 Mac 上运行 gulp 我得到这样的结果:
我曾经在 windows 和 mac 上使用考拉来处理我的 less,它们仍然可以正常工作。在我的 koala.json 文件中,我必须设置 no-ie-compat 选项
我从我的 mac 中删除了 gulp.js 并用我的 windows 版本替换它,我仍然遇到同样的问题。
我完全感到困惑。
有人有什么想法吗?谢谢
node.js - gulp-watch-less 不在 Windows 上触发
这几天我一直在尝试解决这个问题。当我保存它们时,我试图让 gulp 编译我的 less 文件,但是我正在观看的文件的更改不会触发 gulp-watch-less 。我的 gulpfile.js 是:
当我最初运行 gulp 时,它会生成一个新的 css 文件,但之后我对 style.less 所做的任何更改都不会触发新文件更新。当我进行更改时,控制台会显示:
LESS 锯样式.less 已更改
但是没有生成新文件。在 npm update #800 之后,我试图遵循Gulp 的解决方案突然不再起作用。我已经重新安装了两次 nodejs 来尝试让它工作但没有成功。
gulp - Laravel Elixir Gulp 混合两个独立的 less 文件
在 Laravel 5 中,我试图为我的前端站点和后端站点 (cms) 创建两个不同的 css 文件。源文件位于两个不同的目录中。
资产的默认值
首先是后端
二是前端
两者都在同一个 gulpfile.js 中。
这些是目录(Laravel 5)
只有前端文件被编译到 public/css/frontend.css。
我也试过
虽然这适用于混合脚本文件,但不适用于混合较少的文件。
**更新 28-3-2015 **
我的问题似乎没有解决方案。当我做:
只有最后一个(后端)被执行。当我将最后两行放在注释中时,第一行(前端)被执行。现在没关系,因为后端样式不应该经常更改,但是将多个较少文件从多个资源文件夹混合到多个目标文件夹会非常好。
css - 使用 nodejs gulp 在 Less 中导入 .css 文件
根据这个问题,可以从 less v.1.4.0 导入 css 文件。
我尝试使用gulp-less
任务,但它不工作。
有什么方法可以像这样导入 css 文件:@import "../spritesheet.css";
with nodeJS gulp?
less - gulp less 找不到 bootstrap.less,它位于在 Windows 上导入它的 less 文件之外
我在 Windows 上遇到路径问题。在 OSX 上它工作得很好。
这是我的任务:
./src/less/style.css 内容
错误信息
javascript - Gulp 浏览器同步只工作一次
我正在我的一个项目中尝试 Gulp,我想像以前使用 Grunt watch 一样运行它。这意味着,一旦完成所有操作,它就必须查看更少的文件和 js 文件、lint、合并、编译和刷新浏览器。
我设法让它与 gulp-browser-sync 一起工作,但由于某种原因它只能工作一次。我对我的 .less 文件进行了更改,然后浏览器重新加载。然后,第二次更改,它确实编译但没有重新加载发生。
这是日志:
当我第二次点击保存时:
至于JS,它一直有效。没有任何问题,即使样式任务完成后,JS 更改仍然会正确触发重新加载。真的只有样式有问题。
这是 gulpfile.js
谢谢你的帮助!
gulp - 使用 gulp-less 和 gulp-minify-css 时 gulp-sourcemaps 不包括内容
我有一个像这样的 Gulp taks:
创建 .css 文件以及源映射文件。但是源映射没有内容(“sourcesContent”:[null,null,...,null]),这应该是源映射插件默认情况下将包含内容的情况(我也明确尝试过将 includeContent 设置为 true)。
当我删除 minify 步骤时,它运行良好,我可以看到原始文件的内容,所以我检查了 minify-css 是否支持 sourcemaps 并根据插件列表它应该。
难道我做错了什么?生成源映射时,less 和 minify-css 之间是否存在任何已知的不兼容性?