问题标签 [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.

0 投票
1 回答
326 浏览

sass - 带有 grunt-sass 的 sourcemap 将我指向错误的行

我使用 libass 和 susy,使用 grunt 和 compass-importer。我的项目安装的基础来自 http://zellwk.com/blog/grunt-sass-with-susy/

在我更新文件之前一切正常,现在源映射不再给我来自 scss 文件的确切属性行。该示例在印刷品上。

不是 sourmap 将我指向第 941 行,而是将我指向第 935 行

不是 sourmap 将我指向第 941 行,而是将我指向第 935 行 这是 chrome 开发工具的图像

我的 grunt 文件配置如下:

0 投票
1 回答
63 浏览

css - SASS 的 grunt-task 允许选项强制执行代码样式

对我的 scss 文件执行代码样式有什么繁重的任务吗?

我想在我的 .scss 文件中应用代码样式,这可能吗?

因此,该任务将格式化我的 css 代码,应用下面的约定,这可能吗?

示例我想要的存档

来自谷歌:

按字母顺序排列声明。将声明按字母顺序排列,以便以易于记忆和维护的方式实现一致的代码。

或来自惯用 css :

声明顺序 如果要一致地对声明进行排序,则应遵循单一、简单的原则。

较小的团队可能更喜欢将相关属性(例如定位和盒子模型)聚集在一起。

谢谢你。

0 投票
1 回答
121 浏览

sass - 如何使用 grunt 将所有 .scss 文件编译为单个 .css 文件?不使用 concat 或 import

我想将我的 sass 文件夹中的所有 .scss 文件编译为单个 .css 文件 E:\SassToCss \sass \style1.scss \style2.scss \Want 要将编译后的 style.css 放在项目根目录中。

我尝试了以下

这仅为第一个文件生成 css 并忽略其余文件。

这不会生成我的 .css 文件。这样做的正确方法是什么

0 投票
0 回答
42 浏览

javascript - Grunt-Watch 在几次迭代后没有运行任务

我已经看到了许多与此相关的问题,但我还没有找到所需的解决方案。

问题: 当我在项目中使用 sass 文件或 js 文件时,我想在这些文件被更改时编译/jshint。所以我使用grunt-contrib-watch来做到这一点。它工作正常,但是在某些文件更改后,它正在跟踪文件更改,但它停止编译(停止运行任务,该任务必须在文件更改时运行)。

代码 :

我正在动态更新 sass 配置( src 和 dest 值)。

包.json

控制台图片链接https ://cloud.githubusercontent.com/assets/8776227/16587119/b7bfb332-42e6-11e6-8281-789ef60d22ec.png

即使在 sass 代码中没有错误时也会停止编译。

我正在使用最新版本的 grunt-contrib-watch 插件。

0 投票
2 回答
1104 浏览

ruby - 向环境变量添加了 ruby​​ PATH 仍然 `grunt sass` 不起作用

好的,我首先这样做了。

我认为这是有道理的,我需要添加 ruby​​ 的路径,所以我做到了。然后我检查了 ruby​​ 的版本,它确实返回了一些东西

这意味着我已经安装了 ruby​​。现在 grunt sass 应该可以工作,但它没有,我收到了同样的旧消息。这个:

更新

我跑步时得到以下信息grunt-sass-force

0 投票
0 回答
201 浏览

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/安装

0 投票
1 回答
37 浏览

sass - Grunt sass 任务返回 ENOENT 错误,除非路径是绝对的

我的 grunt sass 任务似乎遇到了问题,需要绝对路径。不确定是什么变化导致了这种情况。

咕哝任务

在此处输入图像描述

但是,当您在 Grunt 任务中使用绝对路径时,问题似乎得到了解决。路径是正确的,因为它们在整个团队中工作。

版本:

Sass - 3.4.21(选择性史蒂夫)

节点 - v4.2.4

红宝石 - 红宝石 1.9.3p551 (2014-11-13) [i386-mingw32]

咕噜-咕噜-cli v1.2.0,咕噜v0.4.5

这些版本在团队内部也是一致的。然而,我似乎是唯一受到影响的人。

0 投票
1 回答
223 浏览

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。

0 投票
1 回答
532 浏览

css - 使用 grunt 将 .scss 编译为 css 返回奇怪的错误

所以这就是我的咕噜声:

SCSS:

这是运行后返回的内容,grunt concat并且grunt sassError: Invalid CSS after "50px": expected expression (e.g. 1px, bold), was ";" on line 2 of all-collection.scss

我尝试删除;它指定的行,但错误只是更改为具有;. 不知道为什么它会给出这个错误。

0 投票
1 回答
1788 浏览

ruby - 指南针弃用警告 Sass 3.5 不支持 Ruby 1.9.3

在我的系统上,当我运行compass -vor时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。

我应该怎么做才能解决弃用警告?