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

gulp - Gulp 观看任务序列和浏览器同步

我是使用 Gulp 的新手,只是想学习它......现在我得到并想问的问题是设置包含手表和浏览器同步的默认任务的方法我需要知道我做错了什么

任何人都可以在这里改进我​​的代码吗,我不明白手表和浏览器同步的关系,在浏览器同步之前运行哪些任务以及何时观看

下面是我的文件夹结构

我的 gulp 项目的文件夹结构

现在我想要的过程是

  1. 将 less 编译为 css,然后将其缩小为 build 文件夹
  2. 项目清单
  3. 然后缩小我的 HTML 代码
  4. 然后缩小并连接我的js
  5. 压缩所有图像(仅在某些图像更改时运行)
  6. 使用 Browser Sync 运行缩小的 HTML 并观察我所有源 HTML、Less、图像和 JS 中的变化
0 投票
1 回答
296 浏览

gulp - 编译 less 并输出 minify 和 non-minify 文件

我在 Gulp 中有一个任务,可以在 css 中编译一个 less 文件。我想用源图输出非缩小和缩小版本。我找不到解决办法。这是我应该完成这项工作的实际任务:

我收到一个错误,因为 cssnano 想要缩小地图文件。有人可以使用该功能发布他的完整任务吗?

先感谢您!

0 投票
1 回答
816 浏览

javascript - gulp.watch - 错误:观看 null EMFILE

我最近遇到了各种错误gulp.watch,所以我建立了一个非常简单的测试项目。我不知道为什么会出现错误。该项目包含5个文件:

  1. 索引.html
  2. 包.json
  3. 样式.css
  4. 样式.less
  5. gulpfile.js

我只使用两个模块:

  1. 吞咽
  2. 少吞咽

到目前为止,一切都很好。以下是 gulpfile.js 的内容:

我希望gulp在终端中运行会开始观看过程。相反,它会产生以下错误(我正在逐行复制我在终端中看到的内容):

我一直在其他项目中看到这个错误,所以为了确保我没有发疯,我提出了我能想到的最简单的用例。作为记录,以下是我正在运行的所有内容的版本:

  • npm:3.5.3
  • 节点:5.4.1
  • 吞咽:
    • 命令行版本:3.9.0
    • 本地版本:3.9.0
  • 少吞咽:3.0.5

更新:我在 github 上的官方 gulp 存储库中创建了一个问题。尽我所能来解决这个问题。

更新 2:我使用 Sublime 文本编辑器。打开太多窗口(即打开太多文件)将触发此问题。当我关闭其中一些窗口时,这个问题就消失了。我仍然找不到一致的“打开这么多窗口/文件”的场景,所以从我的角度来看,它仍然有点神秘。

0 投票
0 回答
286 浏览

css - gulp-less,browserSync 设置在注入后重新加载

对于我的生活,我无法以某种方式找到这个配置有什么问题!注入 master.css 更改后,我的浏览器窗口不仅会反映更改,还会自动重新加载,尽管它显示“已注入”。有人可以帮忙吗?我有一个具有以下配置的 gulpfile.js:

少任务:

浏览器同步任务:

最后:

我看到一条通知说更改已注入,我的终端说 master.css 和 master.css.map 已更改,并且我在 less 文件中的更改也反映了,但不知何故浏览器重新加载了我根本不想要的css 编译。

0 投票
1 回答
175 浏览

css - 当文件中遇到较少的错误时,无 Gulp 的观察程序会中断

我想看一个文件较少的文件夹。当其中一个发生更改时,我只想编译“styles.less”文件(该文件包含@imports 到其余文件,如“header.less”、“navigation.less”等)为此,我创建了 2 个任务。当我运行“无手表”任务时,一切正常,它将styles.less 编译为styles.css。但是如果遇到错误,当我编辑一个较少的文件时,观察者会中断,即使使用 gulp-plumber。我怎样才能解决这个问题?

0 投票
0 回答
1220 浏览

npm - GULP LESS 导入在 gulp-less npm 中不起作用

去年一直使用 Gulp 2 年来,我突然遇到了文件导入少的问题,无法解决。

我已经尝试了超过 5 种组合,例如来自 SmashingMagazine、来自 gulp-less 的主页等……没有一个对我有用。

问题是(控制台输出中的错误日志):

Gulpfile.js 看起来像这样:

所有文件都在适当的位置,因此它们存在。一旦我这样做@import appstrap.less,它就会出现错误**可能未处理的拒绝[2]。

frontend.less 看起来像这样:

任何可见的错误?

0 投票
1 回答
70 浏览

node.js - 是否有可能/如何直接运行 gulp 模块?

独立使用一些 gulp 模块/插件对我来说是有意义的。例如:我已全局安装 gulp-less ( npm install --global gulp-less) 并希望以类似grunt-less -options ./my/css/folderor的方式使用它而不是 lessc grunt less -options ./my/css/folder。但我的尝试以错误消息结束:

理想情况下,我还想在任何项目之外使用 gulp 插件作为独立工具。

如何在构建上下文之外运行 gulp 模块?

如果未提供此选项:是否有解决方法?

0 投票
3 回答
8669 浏览

npm - 如何使用全局安装的 gulp 模块?

我尝试了本教程来基本设置我的 gulp 项目并激活更少的处理和观看。有用。现在我想全局安装这些模块,以便从机器上的每一个地方访问它们,而不是为每个项目安装它们:

现在我想在我的项目文件夹中运行 gulp,但是 gulp 找不到全局安装的模块:

如何让它工作并使用全局 gulp 模块?

0 投票
1 回答
42 浏览

javascript - Gulp 忽略依赖

我试图弄清楚为什么我的 gulp 任务没有按照我想要的顺序运行,这里是代码;

当我运行“gulp styles”时,它只运行“clean-styles”功能,而它应该在完成 clean 任务后运行“styles”功能。

简而言之,问题是;

为什么我的“样式”任务在执行时被忽略?

提前致谢

0 投票
0 回答
43 浏览

less - LESS:将变量编译为 PHP 占位符

我使用 gulp 将文件编译.less成缩小.css文件。在 less 文件中定义了一些变量,如下所示:

我想将 PHP 占位符编译到缩小的 css 文件中,以便以后可以通过脚本填充变量。像这样的东西:

甚至:

但编译失败,因为这不是有效的 CSS。还有其他方法可以做到这一点吗?更改不一定都是颜色,也可能是边框或其他规则。

我想用 PHP 来做这件事,因为 node.js 不在我的生产服务器上运行。