问题标签 [grunt-contrib-sass]
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.
sass - 带有 grunt-sass 的 sourcemap 将我指向错误的行
我使用 libass 和 susy,使用 grunt 和 compass-importer。我的项目安装的基础来自 http://zellwk.com/blog/grunt-sass-with-susy/
在我更新文件之前一切正常,现在源映射不再给我来自 scss 文件的确切属性行。该示例在印刷品上。
不是 sourmap 将我指向第 941 行,而是将我指向第 935 行
我的 grunt 文件配置如下:
css - SASS 的 grunt-task 允许选项强制执行代码样式
对我的 scss 文件执行代码样式有什么繁重的任务吗?
我想在我的 .scss 文件中应用代码样式,这可能吗?
因此,该任务将格式化我的 css 代码,应用下面的约定,这可能吗?
示例我想要的存档
来自谷歌:
按字母顺序排列声明。将声明按字母顺序排列,以便以易于记忆和维护的方式实现一致的代码。
或来自惯用 css :
声明顺序 如果要一致地对声明进行排序,则应遵循单一、简单的原则。
较小的团队可能更喜欢将相关属性(例如定位和盒子模型)聚集在一起。
谢谢你。
sass - 如何使用 grunt 将所有 .scss 文件编译为单个 .css 文件?不使用 concat 或 import
我想将我的 sass 文件夹中的所有 .scss 文件编译为单个 .css 文件 E:\SassToCss \sass \style1.scss \style2.scss \Want 要将编译后的 style.css 放在项目根目录中。
我尝试了以下
这仅为第一个文件生成 css 并忽略其余文件。
这不会生成我的 .css 文件。这样做的正确方法是什么
javascript - Grunt-Watch 在几次迭代后没有运行任务
我已经看到了许多与此相关的问题,但我还没有找到所需的解决方案。
问题: 当我在项目中使用 sass 文件或 js 文件时,我想在这些文件被更改时编译/jshint。所以我使用grunt-contrib-watch来做到这一点。它工作正常,但是在某些文件更改后,它正在跟踪文件更改,但它停止编译(停止运行任务,该任务必须在文件更改时运行)。
代码 :
我正在动态更新 sass 配置( src 和 dest 值)。
包.json
即使在 sass 代码中没有错误时也会停止编译。
我正在使用最新版本的 grunt-contrib-watch 插件。
ruby - 向环境变量添加了 ruby PATH 仍然 `grunt sass` 不起作用
好的,我首先这样做了。
我认为这是有道理的,我需要添加 ruby 的路径,所以我做到了。然后我检查了 ruby 的版本,它确实返回了一些东西
这意味着我已经安装了 ruby。现在 grunt sass 应该可以工作,但它没有,我收到了同样的旧消息。这个:
更新
我跑步时得到以下信息grunt-sass-force
:
twitter-bootstrap - 如何在 bootstrap4 中编译像 scss/style.scss 这样的自定义 scss 文件?
我已经成功下载并安装了引导依赖项,而且我还能够使用 grunt 即 grunt watch 将 scss/bootstrap.scss 编译为 dist/css/bootstrap.css 文件,但是当我尝试添加自定义“scss/style.scss”时文件,grunt watch 忽略 style.scss 并且不生成 dist/css/style.css
我遵循以下 url,从源文件 http://v4-alpha.getbootstrap.com/getting-started/build-tools/安装
css - 使用 grunt 使 css 映射点指向 sass 部分
我正在使用 grunt-contrib-css 来处理我的 sass 文件,这是我遵循的工作流程:
- partial.sass包含所有样式。
- home.sass导入部分.sass。
- home.css是从home.sass创建的。
- home.min.css是 home.css 的缩小版本,包含在 .html 文件中。
但是, home.min.css 的地图指向 home.css 但我需要的是与部分文件相关的地图。这可能吗?
PD:我正在使用 grunt-contrib-sass 处理 sass 文件并使用 grunt-contrib-cssmin 来缩小 css。
css - 使用 grunt 将 .scss 编译为 css 返回奇怪的错误
所以这就是我的咕噜声:
SCSS:
这是运行后返回的内容,grunt concat
并且grunt sass
:
Error: Invalid CSS after "50px": expected expression (e.g. 1px, bold), was ";"
on line 2 of all-collection.scss
我尝试删除;
它指定的行,但错误只是更改为具有;
. 不知道为什么它会给出这个错误。
ruby - 指南针弃用警告 Sass 3.5 不支持 Ruby 1.9.3
在我的系统上,当我运行compass -v
or时sass -v
,它会输出弃用警告:
Sass 3.5 will no longer support Ruby 1.9.3.
.
运行ruby -v
给出:
ruby 2.0.0p0 (2013-02-24 revision 39474) [x86_64-linux]
指南针版本是 1.0.3,sass 版本是 3.4.22。
我做了什么:
- 重新运行
gem install compass
以更新指南针。 - 重新运行
gem install sass
以更新 sass。
我应该怎么做才能解决弃用警告?