问题标签 [grunt-contrib-sass]

我是 grunt 的新手，所以我猜我在做一些简单的事情真的错了。我正在为我的单页应用程序使用angular-client-side-auth，我想将 grunt-contrib-sass 和 grunt-contrib-watch 添加到 Gruntfile.js 中。这是问题所在，当我使用 nodemon 启动服务器时，手表永远不会运行。我尝试并发，但没有运气。

这是我的 Gruntfile.js：

我正在尝试通过grunt.js和npm将我的（其中有一些其他文件链接到它，style.scss例如）文件转换为 css 。但是我收到了这个错误：_variable.scss_mixins.scss

这是我的gruntfile.js：

当我运行时grunt sass，它给了我那些错误。指南针已经安装，我输入“grunt compass”以确保它正在运行。

任何的想法？

我多年来一直在前端开发，但我终于转向使用 Grunt 进行开发，并从 Prepros 和 Koala 等工具转移到我的 Sass 编译中。

我的主要问题是，如何强制我的 grunt 任务从我的 SASS 文件生成的已编译和缩小的 CSS 中删除所有注释？

目前我有以下 gruntfile.js 文件片段设置，但这只会删除单行注释。我希望我所有编译的 css 都在一个大行中，没有空格和注释：

任何帮助将不胜感激。

奇怪的行为，当我尝试在 grunt-contrib-sass 中使键变量，而不是路径。

在此编译器创建文件“dest File”之后，改为从 var 读取。如何解决这个问题？

我正在尝试bower在我最近的 Wordpress 项目中加入基础。

我正在underscores.js寻找一个主题。

在我的底部styles.scss：

@import "../../../../../src/foundation-sites/assets/foundation.scss";

然后在我的/src/foundation-sites/assets/foundation.scss：

../scss/foundation' is where myFoundation.scss 文件在哪里。

然而，结果编译中仍然没有包含 CSS .. 只有标题。

我尝试从凉亭重新安装，我所做的唯一更改是assets/foundation.scss.

bower即使那样，必须对安装目录中的某些内容进行更改似乎很奇怪，但assets/foundation.scss指向错误的文件。

我错过了什么？

我正在尝试基于 Yeoman 的生成器运行 AngularJS 项目，但使用 Zurb Foundation 5.5.3

我读过 Foundation 5.4 如果使用 Sass 3.4.2 编译会出现一些问题，但显然 Foundation 5.5 保留了它。当我尝试运行 sass 任务时，由于弃用警告，构建过程失败。这是日志：

这是我的 Gruntfile：

我正在使用指南针 1.0.3 和 sass 3.4.2。

我有一个目录结构：

• views
  • _static_
    • some.js
  • somesass.scss
  • something.jade

我希望做这样的事情： sass: { dist: { options: { style: 'expanded' }, files: [{ expand: true, cwd: 'views', src: ['*/*.scss'], flatten: true, dest: 'views/*/_static_', ext: '.css' }] } },

如果我只是这样做dest: 'views'并删除flatten:true，那么至少将它放在 .scss 文件所在的同一文件夹中，但我无法弄清楚如何说“好的，将' _static_'添加到当前文件的 cwd 并放置里面的.css。” 我如何/可以用 grunt-contrib-sass 做到这一点？

如果想知道为什么我不只是将所有已编译的 CSS 放到一个目录中，那是因为这是给我自己的实验服务器，所以我没有缩小或任何东西。

我已经用这个模块配置了我的 Gruntfile.js，但是当我运行 Grunt 时它不起作用，它停止了。这是我的代码：

我用-gand安装了它--save-dev，所以，这就是发生的事情：

http://subfotos.com/ver/?2587793b6c11cd7a7b11535357c1354co.jpg

Grunt 保持“待机”状态，什么也没有发生，没有行，没有错误，没有警告，只是写grunt sass然后冻结。我可以用 Ctrl + C 停止它，但仅此而已。

这是哪个问题？谢谢！

这可能是一个重复的问题，但我无法找到满足我要求的解决方案

我正在尝试创建一个可以在动态位置生成 css 文件的 sass grunt 任务。这是我的结构

grunt 任务是否可以创建一个相对于其组件的新文件夹，即

我当前的 SASS 任务，在 SCSS 的同一文件夹中生成 CSS 文件

我知道我们可以通过在 dest 中提供组件文件夹名称来实现这一点，例如对于 xyz 组件，我可以将 dest 用作 <%= yeoman.client %>/components/xyz/css。但我将不得不为每个组件编写单独的任务。有没有办法在不实际指定文件夹名称的情况下将 dest 保存在同一个父文件夹中？即 src: ['**/scss/*.scss']and dest be:['**/css/'] 有没有办法做到这一点？

我有一个巨大的样式表代码库，其中包含多个文件夹和子文件夹中的许多 .scss 文件，我想将它们编译为 .css 文件。到目前为止，一切都很好。

但无论出于何种原因，我都需要将 .css 文件编译到与每个源文件夹中的 .scss 文件不同的目标文件夹中。

我拥有的源路径：

• src/project-1/scss/project-1.scss
• src/project-2/subfolder/scss/project-2.scss

我需要的目标路径：

• src/project-1/css/project-1.css
• src/project-2/subfolder/css/project-2.css

我的 grunt 任务设置是这样的：

此设置将每个 .css 文件编译到与 .scss 文件相同的文件夹中。我需要将它们从“scss”文件夹中取出并放入同一父文件夹中的“css”文件夹中。

寻找解决方案：

我在该领域尝试了不同的值，但dest没有任何运气。

我尝试使用 grunt-contrib-copy 和一个rename()函数：

后者“几乎”有效。我将文件复制到自己的目的地，同时尝试将“scss”文件夹重命名为“css”，但替换功能似乎没有考虑源路径中的文件夹名称，只有文件名。

我是接近解决方法还是正走向死胡同？

编辑：找到解决方案

rename我对解决我的问题的函数做了一些小改动：

这给了我在与源 /scss 文件夹相同级别的新 /css 文件夹中编译的 CSS。

例如：

src/project-1/scss/project-1.scss编译为src/project-1/css/project-1.css.

我也对我的任务和任务使用完全相同的files: [{...}]设置，并且它们都写入同一个文件夹和文件。grunt-autoprefixergrunt-contrib-cssmin