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

gruntjs - 如何将lesshat导入每个编译的.less文件

在 grunt-contrib-stylus 中有一个导入选项:

进口

类型:数组

将给定的手写笔包导入每个已编译的 .styl 文件中,就好像您在每个所述文件中都写了“@import '...”一样。

如何在 grunt-contrib-less 中使用 lesshat 做同样的事情?

谢谢

0 投票
1 回答
413 浏览

wordpress - 如何在 Grunt LESS 任务选项中的横幅后添加换行符

我正在为一个新的 WordPress 项目设置我gruntfile.js的项目,在该项目中我将使用 LESS 来管理 CSS。

我在这里要完成的是添加有关主题的典型信息列表,您可以在style.cssWordPress 主题中的每个文件的顶部看到。这是我用于 LESS 任务的代码:

使用上面的代码,我可以得到这个结果:

问题

如您所见,有两个(小)问题:

  1. 在评论结束标记之后我有我的 CSS,所以我想最后一个换行符根本不被考虑;
  2. 在评论的开头有一个感叹号(!)。

任何帮助都感激不尽。

0 投票
1 回答
1687 浏览

node.js - Sublime Text 3 和 sublime-grunt-build

所以我有一个错误,当我尝试构建时,有命令行显示:

所以我用 npm 安装了 node.js,然后全局安装: grunt less grunt-cli grunt-less grunt-contrib-concat grunt-contrib-less

然后在 sublime 中,我在这里解压了 ssublime-grunt-build 的最新 zip:C:\Users\133\AppData\Roaming\Sublime Text 3\Packages\sublime-grunt-build

我在核心项目文件夹中有简单的 Sublime text 3 项目文件,只有这个基本文件夹:

使用 package.json:

和 Gruntfile.js:

我已将 Bootstrap 3 js 文件用于测试目的我缺少什么?

我无法成功地用谷歌搜索 grunt-cli 退出代码 99,而且我想也没有官方信息...

请帮忙 :)

0 投票
1 回答
295 浏览

css - 不要使用 LESS/CSS minificator 压缩 '0' 中的 '0px'

我想在使用新的 flexbox 显示的地方压缩我的 LESS 文件,如下所示:

我使用grunt-contrib-less并激活了 compress 选项,结果是:

它适用于 Chrome 和 FF,但当 0 后没有“px”时,它不适用于 IE 11。

您是否知道不删除“px”的方法,或者它只是我的代码和 IE 的错误?

0 投票
1 回答
231 浏览

gruntjs - grunt-contrib-less 中名称“开发”和“生产”的重要性

来自 grunt-contrib-less的示例:

less它在字典中为:development和.提供了两个条目production

我不知道如何称呼这些条目,也许像“少用子任务”之类的东西。

  1. 这些的命名重要吗?
  2. 是否可以只运行其中之一。我试过$ grunt less development了,但这不起作用。
0 投票
1 回答
2854 浏览

performance - 使用 Grunt 减少编译速度

我想转到 Grunt 来执行我的 LESS 编译。

我的 LESS 文件被分成大约 117 个文件。我总共有大约 170 个导入,因为代码在我的项目的管理和成员区域之间共享。

我正在使用LiveReload,它在大约 500 - 700 毫秒内编译 LESS。浏览器实时重新加载后,总共需要大约 2 秒才能看到结果。

Grunt 编译需要 1.8 秒,因此一旦浏览器实时重新加载,总共大约需要 4 秒。

咕噜声明显变慢。

我正在使用 i7 CPU、SSD 和 16GB RAM 的 iMac 上进行测试。我在本地而不是在 VM 内运行 Grunt。

我的问题是这样的:

  1. 所有 LESS 导入和文件是否都会减慢它的速度?
  2. Grunt 是不是一般都比较慢?

我的 package.json 文件:

还有我的 Gruntfile.js:

关于如何格式化我的代码以更快地编译的任何建议?或者这是这个图书馆目前的限制?

0 投票
1 回答
168 浏览

css - 如何在 grunt less 中停用压缩?

grunt-contrib-less软件包提供了选项compress,它应该允许管理目标 CSS 文件的丑化/缩小/压缩。它是boolean具有默认值的false

出于任何原因,它对我不起作用——无论我将参数设置为什么,输出的 CSS 文件都会被压缩。何让它正常工作?


Gruntfile.js

命令行界面

0 投票
1 回答
323 浏览

generics - Grunt:如何在监视任务检测到的多个文件上一般运行较少的任务?

如何设置我的 grunt 脚本以在监视任务检测到的多个文件上运行较少的任务?是否可以在不使用“grunt.event.on('watch'...” hack 的情况下做到这一点?

此解决方案适用于一个文件,但是当同时保存两个文件时(在 Visual Studio 中)仅生成一个 css。

剧本:

所有帮助表示赞赏!谢谢!

0 投票
1 回答
298 浏览

css - 如何设置图像宽度的解析路径?

我有一个引用绝对位置的 LESS 文件(它必须是绝对位置,否则 grunt-usemin 不会正确解析它),但这会导致 less 编译器在处理时无法解析图像image-width()

/client/app/app.less

/gruntfile.js

以上将引发以下构建错误:

问题:我可以设置什么来使 image-width(...) 解析相对于 C:\git\www-project\client 目录而不是包含 app.less 的目录?

0 投票
1 回答
2250 浏览

gruntjs - 如何将 less-plugin-clean-css 与 grunt-contrib-less 一起使用?

我正在尝试将less-plugin-clean-cssgrunt-contrib-less一起使用,但我无法让它运行。似乎 grunt 配置找不到或安装插件。这是我维护的引导程序的一个分支。

我已将 Gruntfile.js 更新为:

安装插件:

运行grunt并得到这个错误:

我错过了什么?