问题标签 [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.
gulp - 编译 less 并输出 minify 和 non-minify 文件
我在 Gulp 中有一个任务,可以在 css 中编译一个 less 文件。我想用源图输出非缩小和缩小版本。我找不到解决办法。这是我应该完成这项工作的实际任务:
我收到一个错误,因为 cssnano 想要缩小地图文件。有人可以使用该功能发布他的完整任务吗?
先感谢您!
javascript - gulp.watch - 错误:观看 null EMFILE
我最近遇到了各种错误gulp.watch
,所以我建立了一个非常简单的测试项目。我不知道为什么会出现错误。该项目包含5个文件:
- 索引.html
- 包.json
- 样式.css
- 样式.less
- gulpfile.js
我只使用两个模块:
- 吞咽
- 少吞咽
到目前为止,一切都很好。以下是 gulpfile.js 的内容:
我希望gulp
在终端中运行会开始观看过程。相反,它会产生以下错误(我正在逐行复制我在终端中看到的内容):
我一直在其他项目中看到这个错误,所以为了确保我没有发疯,我提出了我能想到的最简单的用例。作为记录,以下是我正在运行的所有内容的版本:
- npm:3.5.3
- 节点:5.4.1
- 吞咽:
- 命令行版本:3.9.0
- 本地版本:3.9.0
- 少吞咽:3.0.5
更新:我在 github 上的官方 gulp 存储库中创建了一个问题。尽我所能来解决这个问题。
更新 2:我使用 Sublime 文本编辑器。打开太多窗口(即打开太多文件)将触发此问题。当我关闭其中一些窗口时,这个问题就消失了。我仍然找不到一致的“打开这么多窗口/文件”的场景,所以从我的角度来看,它仍然有点神秘。
css - gulp-less,browserSync 设置在注入后重新加载
对于我的生活,我无法以某种方式找到这个配置有什么问题!注入 master.css 更改后,我的浏览器窗口不仅会反映更改,还会自动重新加载,尽管它显示“已注入”。有人可以帮忙吗?我有一个具有以下配置的 gulpfile.js:
少任务:
浏览器同步任务:
最后:
我看到一条通知说更改已注入,我的终端说 master.css 和 master.css.map 已更改,并且我在 less 文件中的更改也反映了,但不知何故浏览器重新加载了我根本不想要的css 编译。
css - 当文件中遇到较少的错误时,无 Gulp 的观察程序会中断
我想看一个文件较少的文件夹。当其中一个发生更改时,我只想编译“styles.less”文件(该文件包含@imports 到其余文件,如“header.less”、“navigation.less”等)为此,我创建了 2 个任务。当我运行“无手表”任务时,一切正常,它将styles.less 编译为styles.css。但是如果遇到错误,当我编辑一个较少的文件时,观察者会中断,即使使用 gulp-plumber。我怎样才能解决这个问题?
npm - GULP LESS 导入在 gulp-less npm 中不起作用
去年一直使用 Gulp 2 年来,我突然遇到了文件导入少的问题,无法解决。
我已经尝试了超过 5 种组合,例如来自 SmashingMagazine、来自 gulp-less 的主页等……没有一个对我有用。
问题是(控制台输出中的错误日志):
Gulpfile.js 看起来像这样:
所有文件都在适当的位置,因此它们存在。一旦我这样做@import appstrap.less
,它就会出现错误**可能未处理的拒绝[2]。
frontend.less 看起来像这样:
任何可见的错误?
node.js - 是否有可能/如何直接运行 gulp 模块?
独立使用一些 gulp 模块/插件对我来说是有意义的。例如:我已全局安装 gulp-less ( npm install --global gulp-less
) 并希望以类似grunt-less -options ./my/css/folder
or的方式使用它而不是 lessc grunt less -options ./my/css/folder
。但我的尝试以错误消息结束:
理想情况下,我还想在任何项目之外使用 gulp 插件作为独立工具。
如何在构建上下文之外运行 gulp 模块?
如果未提供此选项:是否有解决方法?
npm - 如何使用全局安装的 gulp 模块?
我尝试了本教程来基本设置我的 gulp 项目并激活更少的处理和观看。有用。现在我想全局安装这些模块,以便从机器上的每一个地方访问它们,而不是为每个项目安装它们:
现在我想在我的项目文件夹中运行 gulp,但是 gulp 找不到全局安装的模块:
如何让它工作并使用全局 gulp 模块?
javascript - Gulp 忽略依赖
我试图弄清楚为什么我的 gulp 任务没有按照我想要的顺序运行,这里是代码;
当我运行“gulp styles”时,它只运行“clean-styles”功能,而它应该在完成 clean 任务后运行“styles”功能。
简而言之,问题是;
为什么我的“样式”任务在执行时被忽略?
提前致谢
less - LESS:将变量编译为 PHP 占位符
我使用 gulp 将文件编译.less
成缩小.css
文件。在 less 文件中定义了一些变量,如下所示:
我想将 PHP 占位符编译到缩小的 css 文件中,以便以后可以通过脚本填充变量。像这样的东西:
甚至:
但编译失败,因为这不是有效的 CSS。还有其他方法可以做到这一点吗?更改不一定都是颜色,也可能是边框或其他规则。
我想用 PHP 来做这件事,因为 node.js 不在我的生产服务器上运行。