问题标签 [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 投票
0 回答
475 浏览

gulp - Gulp watch 无法处理导入的较少文件

我正在尝试将所有文​​件编译.less为 css,并使.import.less文件未处理(类似于 Meteor less 包)。我的文件结构如下:

我的lessCompile任务本身运行良好(即手动运行它gulp lessCompile)。

现在我为所有.less文件添加一个监视以自动编译。

问题是在我编辑后assets/less/footer.import.lesslessCompile任务重新运行,所有样式都footer.import.less从缩小的style.min.css. 同样的消失也适用于编辑任何其他文件*.import.less,例如header.import.less. 此外,在重新编译过程中没有错误。

0 投票
1 回答
32 浏览

gulp-less - 拥有 gulp 复制模块是一种好习惯吗?

我应该使用 gulp 将我的 node_modules 复制到我的开发目录吗?还是这是不好的做法?我目前只是将它们复制过来,但我觉得有更好的方法。

0 投票
1 回答
657 浏览

angularjs - Gulp 服务错误 events.js:85

我在做 gulp 服务时遇到错误。我对所有这些 npm、bower 和 gulp/grunt 的东西都很陌生。所以我想知道这个错误的可能原因是什么。以前有没有人遇到过这个错误?我附上了以下屏幕截图。

提前致谢!

在此处输入图像描述

0 投票
1 回答
136 浏览

css - 编辑 LESS 部分时,Chrome 不会实时重新加载

我有一个项目,我使用 LESS 作为我的 CSS 预处理器和 Gulp 作为我的构建工具。我的文件夹结构如下:

  • 样式表
  • > 少
  • >> 部分
  • >>>_colors.less
  • >> index.less

我的index.less文件如下所示:

我的_colours.less文件如下所示:

gulpfile.js看起来像这样(简化,删除了错误处理)

当我运行gulp less:watch所有内容时,我会在我的样式表目录中获得一个index.css文件(带有源映射),我可以将它带到 Chrome 并连接以进行实时编辑。

如果我index.less在 Chrome 编辑器中编辑文件并保存,我会立即重新加载。但是,如果我更改@color变量的值,_colours.less直到我重新加载窗口才能看到更改。

这是一个错误还是我做错了什么?

我正在使用 Chrome 43。

0 投票
0 回答
393 浏览

laravel-5 - 如何编写一个高级的 laravel elixir gulpfile

我第一次使用 Laravel。我习惯使用 gulp,我通常在 gulpfile 中使用手动方法。我想用 laravel-elixir 对其进行改造,但我迷失了以下问题:

  • 几个文件位置和类型(css,less)。
  • 如果可能的话,我想使用 .env (APP_ENV) 变量
  • 使用观察者

代码示例: // 需要 var gulp = require('gulp');

如何使用 Elixir 翻译此文件。我有

0 投票
0 回答
237 浏览

css - gulp-less 似乎正在删除 @media 打印查询

它似乎在构建步骤中删除了我所有的@media print less 查询。这是一个'gulp-less'错误还是我做错了什么?我是这个构建步骤的新手。

我的 gulp 任务少

注意这不是 cssmin 的问题。我试过没有 cssmin() 管道。

0 投票
3 回答
1343 浏览

less - Gulp 可以更改 LESS 变量吗?

我希望在我的 LESS 文件中切换 IE8 模式并在 Gulp 中自动生成文件。

这就是我停止传递 gulp-less 的地方(减去一堆东西):

Gulp 不支持变量修改吗?

如果可以的话,我想避免使用 gulp-modify。我想让构建系统从源文件中相当抽象。

0 投票
2 回答
2850 浏览

node.js - gulp 在安装语义-ui 期间找不到语义.json

我正在尝试使用本教程使用 npm 和 gulp 安装语义 UI:http ://www.semantic-ui.com/introduction/getting-started.html

我跑了npm install semantic-ui --save,一切都很好。但后来我直接进入semantic/文件夹并运行gulp build但说:

semantic.json文件位于我项目的根目录中。我也试过gulp install,但它说Task 'install' is not in your gulpfile

我应该怎么办?

编辑:这是我的 gulpfile.js 文件:

0 投票
2 回答
5587 浏览

css - 在 gulp 处理时处理 css 文件中的图像路径

以前在我的 MVC 应用程序中,我使用 .NET 来优化(连接、缩小等)我的 CSS 文件。我不得不使用自定义转换类来处理我的 CSS 中的路径,例如:

甚至:

我已将 gulp 添加到我最近的前端测试项目中,我想我也会使用它来自动优化我的 CSS 和 JS 文件。这是我处理 CSS 文件的 gulp 任务:

CSS 文件已成功缩小、丑化等,但图像链接不正确。当然,相对路径现在引用类似http://localhost/site-folder/dist/css/Content/images/logo. 最初类似的路径/Content/images/logo.png最终成为http://localhost/Content/images/logo.png,但不幸的是,它们不考虑我的站点拥有的域文件夹。

有任何想法吗?

提前致谢

0 投票
1 回答
2376 浏览

gulp - Gulp 监视任务

我有以下吞咽任务:

并且它们都包含在我的default任务中(除其他外):

当我运行gulp一切正常。我所有的.less文件都被编译成一个缩小的 .css 文件。

现在我在任何较少的文件中进行更改并查看输出

但我的缩小 css 文件没有改变。仅出于测试目的,我删除了 minify/concat,但它具有相同的效果。该less任务在默认任务中运行良好,但通过启动时watch没有任何反应。

我在这里想念什么?