问题标签 [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.
gruntjs - 如何将lesshat导入每个编译的.less文件
在 grunt-contrib-stylus 中有一个导入选项:
进口
类型:数组
将给定的手写笔包导入每个已编译的 .styl 文件中,就好像您在每个所述文件中都写了“@import '...”一样。
如何在 grunt-contrib-less 中使用 lesshat 做同样的事情?
谢谢
wordpress - 如何在 Grunt LESS 任务选项中的横幅后添加换行符
我正在为一个新的 WordPress 项目设置我gruntfile.js
的项目,在该项目中我将使用 LESS 来管理 CSS。
我在这里要完成的是添加有关主题的典型信息列表,您可以在style.css
WordPress 主题中的每个文件的顶部看到。这是我用于 LESS 任务的代码:
使用上面的代码,我可以得到这个结果:
问题
如您所见,有两个(小)问题:
- 在评论结束标记之后我有我的 CSS,所以我想最后一个换行符根本不被考虑;
- 在评论的开头有一个感叹号(!)。
任何帮助都感激不尽。
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,而且我想也没有官方信息...
请帮忙 :)
css - 不要使用 LESS/CSS minificator 压缩 '0' 中的 '0px'
我想在使用新的 flexbox 显示的地方压缩我的 LESS 文件,如下所示:
我使用grunt-contrib-less并激活了 compress 选项,结果是:
它适用于 Chrome 和 FF,但当 0 后没有“px”时,它不适用于 IE 11。
您是否知道不删除“px”的方法,或者它只是我的代码和 IE 的错误?
gruntjs - grunt-contrib-less 中名称“开发”和“生产”的重要性
来自 grunt-contrib-less的示例:
less
它在字典中为:development
和.提供了两个条目production
。
我不知道如何称呼这些条目,也许像“少用子任务”之类的东西。
- 这些的命名重要吗?
- 是否可以只运行其中之一。我试过
$ grunt less development
了,但这不起作用。
performance - 使用 Grunt 减少编译速度
我想转到 Grunt 来执行我的 LESS 编译。
我的 LESS 文件被分成大约 117 个文件。我总共有大约 170 个导入,因为代码在我的项目的管理和成员区域之间共享。
我正在使用LiveReload,它在大约 500 - 700 毫秒内编译 LESS。浏览器实时重新加载后,总共需要大约 2 秒才能看到结果。
Grunt 编译需要 1.8 秒,因此一旦浏览器实时重新加载,总共大约需要 4 秒。
咕噜声明显变慢。
我正在使用 i7 CPU、SSD 和 16GB RAM 的 iMac 上进行测试。我在本地而不是在 VM 内运行 Grunt。
我的问题是这样的:
- 所有 LESS 导入和文件是否都会减慢它的速度?
- Grunt 是不是一般都比较慢?
我的 package.json 文件:
还有我的 Gruntfile.js:
关于如何格式化我的代码以更快地编译的任何建议?或者这是这个图书馆目前的限制?
css - 如何在 grunt less 中停用压缩?
该grunt-contrib-less
软件包提供了选项compress
,它应该允许管理目标 CSS 文件的丑化/缩小/压缩。它是boolean
具有默认值的false
。
出于任何原因,它对我不起作用——无论我将参数设置为什么,输出的 CSS 文件都会被压缩。何让它正常工作?
Gruntfile.js
命令行界面
generics - Grunt:如何在监视任务检测到的多个文件上一般运行较少的任务?
如何设置我的 grunt 脚本以在监视任务检测到的多个文件上运行较少的任务?是否可以在不使用“grunt.event.on('watch'...” hack 的情况下做到这一点?
此解决方案适用于一个文件,但是当同时保存两个文件时(在 Visual Studio 中)仅生成一个 css。
剧本:
所有帮助表示赞赏!谢谢!
css - 如何设置图像宽度的解析路径?
我有一个引用绝对位置的 LESS 文件(它必须是绝对位置,否则 grunt-usemin 不会正确解析它),但这会导致 less 编译器在处理时无法解析图像image-width()
。
/client/app/app.less
/gruntfile.js
以上将引发以下构建错误:
问题:我可以设置什么来使 image-width(...) 解析相对于 C:\git\www-project\client 目录而不是包含 app.less 的目录?
gruntjs - 如何将 less-plugin-clean-css 与 grunt-contrib-less 一起使用?
我正在尝试将less-plugin-clean-css与grunt-contrib-less一起使用,但我无法让它运行。似乎 grunt 配置找不到或安装插件。这是我维护的引导程序的一个分支。
我已将 Gruntfile.js 更新为:
安装插件:
运行grunt
并得到这个错误:
我错过了什么?