问题标签 [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 编译多个 scss 文件
我正在尝试将多个 .scss 文件编译成一个 CSS 文件。这实际上有效,但只抓取第一个文件......
我们没有安装 ruby,所以 grunt-contrib-sass 不是一个选项。我像这样在手写笔中做同样的事情......
javascript - grunt 在完成 sass 任务之前继续下一个任务
这是我的咕噜声文件:
运行时grunt build
,我收到以下错误:
运行“sass:dist”(sass)任务
运行“cssmin:dist”(cssmin)任务
目的地未写,因为缩小的 CSS 为空。
当我单独运行每个任务时,没有错误。我认为在下一个任务开始之前,sass 任务还没有完成。有谁知道为什么会这样?
谢谢你。
import - Rails、Sass 和 Grunt
我正在尝试将 Grunt 用于 Rails 应用程序中的所有资产,而不是资产管道。(只是试用,我可以随时处理掉这个并返回资产管道)
我有 grunt-contrib-watch 插件监视和编译我的 sass 文件,但它的行失败:
@import "bourbon"
Grunt 似乎无法找到波旁威士忌文件。我将波旁威士忌安装为宝石。我知道 grunt-contrib-sass 有一个loadPath
选项,但我不确定要添加什么以允许 Grunt 查看和使用作为我的包的一部分安装的 gem?
有任何想法吗?
sass - grunt-contrib-sass 阻止源映射
我的 Grunt 设置是使用 sass 将我的 .scss 文件编译为 src/ .css 并使用 cssmin 将我的 src/ .css 文件合并并缩小为 main.css。
我想在 SASS 中使用新的源映射功能,但我不确定它是否真的对我有用,因为我考虑到 cssmin 会将我所有的 css 文件放入 main.css。
有没有人对此有任何见解?
我现在也在尝试关闭 grunt-contrib-sass 中的源映射,但它不会占用。这是我的 Gruntfile.js 中的相关代码:
twitter-bootstrap - 从 grunt-contrib-sass 切换到 grunt-sass 后的编译时间相同。两者都花费与我使用 Ruby 时相同的时间
我听说过“快速照明”Libsass。我从 Ruby 切换到 Grunt。但无论我使用哪种编译方法(Ruby、grunt-contrib-sass、grunt-sass),速度都是一样的。编译 bootstrap-scss 需要 15 秒。
grunt.js:
配置.rb:
gruntjs - Grunt:Globbing 模式行不通——为什么?
这是我当前的 Gruntfile:
grunt sass:dist
从控制台运行编译main.scss
到给定的目录。
现在我想使用 globbing 模式,因为文件可能会被移动或可能会获得一个新名称:
现在我仍然Done, without errors.
在运行后得到grunt sass:dev
,但 css 不会被编译。
可能通配模式以某种方式失败,但我不知道为什么?
css - 无法在 mean.js grunt 中工作的模块化 Sass 结构
我设置了一个 grunt tast 以使用 grunt-contrib-sass 将所有 sass 和 scss 文件编译成 css。我面临的问题是因为它是模块化架构,我没有一个 sass 和 css 文件夹。相反,我为每个模块都有一个 sass 和 css 文件夹。
当我指定模块名称时,它可以工作并将 sass 文件编译为 css,但仅适用于该模块,如下所示:
相反,我需要它为每个模块动态地将 sass 文件编译成 css,如下所示:
这是文件夹结构:
sass - 基础全局样式在 Grunt 文件中意外重复
这是一个很难解释的问题,我会尽量做到彻底:
我的设置 - 使用 Jekyllrb 生成器
根据 Zurb 的说明,我采用了Jekyllrb Yeoman 生成器并以最基本的方式(仅使用 Sass 文件)将 Zurb 的 Foundation 5 集成到其中。
我在grunt.js中的 Sass 路径如下:
在我的 /_scss 我有:
在 app.scss - 我包含了一些 Foundation 组件(例如手风琴、类型、选项卡等)。每一个都带来了一套全球风格。这些样式包含在以下内容中:
根据此链接:
“当包含在 SASS 模块中时,sass-import-once 将防止在其他地方调用 @import 时重复样式。这很酷,因为它允许每个 SASS 文件声明自己的依赖项。这促进了封装并允许模块独立如果需要的话。”
我的 Grunt.js
问题
这些全局样式在最终编译的样式表中被复制,而不管“@include 导出”函数是否告诉它解析重复项。我以前使用过 grunt-contrib-sass 并且从未遇到过这个问题。导致我认为其他任务可能导致它?
关于更多的事情:
我知道 Foundation 的 _settings.scss 中有一个变量:
我不想关闭它——因为我确实想要样式表中的全局样式——我只希望它们出现一次。
我已经设置了一个回购
如果有人能帮我看看这个,我将非常感激。我整理了一个最基本的例子来说明这个问题。快速查看检查器(在为页面提供服务时)将向您展示 DOM 中重复的样式。
gruntjs - 更新到优胜美地后,是什么导致 grunt-contrib-compass 出现此错误?
我正在使用约曼。升级到优胜美地后,任务grunt server
又grunt build
抛出这个错误:
导致此错误的原因是什么,如何解决?
sass - 尝试运行 grunt 服务器时出现源映射错误
运行 grunt 服务器时,我无法访问我的 sass 文件。不确定这是否只是文件路径/权限错误或更大的错误。
运行sudo grunt server
给出相同的输出
当我运行 grunt server --force 时,我的浏览器中出现以下错误