问题标签 [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 - Gulp watch 无法处理导入的较少文件
我正在尝试将所有文件编译.less
为 css,并使.import.less
文件未处理(类似于 Meteor less 包)。我的文件结构如下:
我的lessCompile
任务本身运行良好(即手动运行它gulp lessCompile
)。
现在我为所有.less
文件添加一个监视以自动编译。
问题是在我编辑后assets/less/footer.import.less
,lessCompile
任务重新运行,所有样式都footer.import.less
从缩小的style.min.css
. 同样的消失也适用于编辑任何其他文件*.import.less
,例如header.import.less
. 此外,在重新编译过程中没有错误。
gulp-less - 拥有 gulp 复制模块是一种好习惯吗?
我应该使用 gulp 将我的 node_modules 复制到我的开发目录吗?还是这是不好的做法?我目前只是将它们复制过来,但我觉得有更好的方法。
angularjs - Gulp 服务错误 events.js:85
我在做 gulp 服务时遇到错误。我对所有这些 npm、bower 和 gulp/grunt 的东西都很陌生。所以我想知道这个错误的可能原因是什么。以前有没有人遇到过这个错误?我附上了以下屏幕截图。
提前致谢!
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。
laravel-5 - 如何编写一个高级的 laravel elixir gulpfile
我第一次使用 Laravel。我习惯使用 gulp,我通常在 gulpfile 中使用手动方法。我想用 laravel-elixir 对其进行改造,但我迷失了以下问题:
- 几个文件位置和类型(css,less)。
- 如果可能的话,我想使用 .env (APP_ENV) 变量
- 使用观察者
代码示例: // 需要 var gulp = require('gulp');
如何使用 Elixir 翻译此文件。我有
css - gulp-less 似乎正在删除 @media 打印查询
它似乎在构建步骤中删除了我所有的@media print less 查询。这是一个'gulp-less'错误还是我做错了什么?我是这个构建步骤的新手。
我的 gulp 任务少
注意这不是 cssmin 的问题。我试过没有 cssmin() 管道。
less - Gulp 可以更改 LESS 变量吗?
我希望在我的 LESS 文件中切换 IE8 模式并在 Gulp 中自动生成文件。
这就是我停止传递 gulp-less 的地方(减去一堆东西):
Gulp 不支持变量修改吗?
如果可以的话,我想避免使用 gulp-modify等。我想让构建系统从源文件中相当抽象。
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 文件:
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
,但不幸的是,它们不考虑我的站点拥有的域文件夹。
有任何想法吗?
提前致谢
gulp - Gulp 监视任务
我有以下吞咽任务:
并且它们都包含在我的default
任务中(除其他外):
当我运行gulp
一切正常。我所有的.less
文件都被编译成一个缩小的 .css 文件。
现在我在任何较少的文件中进行更改并查看输出
但我的缩小 css 文件没有改变。仅出于测试目的,我删除了 minify/concat,但它具有相同的效果。该less
任务在默认任务中运行良好,但通过启动时watch
没有任何反应。
我在这里想念什么?