带有咕噜声的sass不起作用

Posted

技术标签:

【中文标题】带有咕噜声的sass不起作用【英文标题】:sass with grunt is not working 【发布时间】:2013-10-17 16:09:40 【问题描述】:

我一直在尝试设置一个 grunt 任务来编译我的 sass 文件,但似乎没有任何效果。

我的工作结构是

  Gruntfile.js
  package.json
  assets
  |
  |--sass
  |  |
  |  styles.scss
  |
  |--css

这是我的 grunt 文件

'use strict';

module.exports = function (grunt) 

grunt.initConfig(
    sass: 
        dist: 
            options: 
                style: 'expanded'
            ,
            files: [
                expand: true,
                cwd: 'assets/sass',
                src: ['*.scss'],
                dest: '../css',
                ext: '.css'
            ]
        
    
);
grunt.loadNpmTasks('grunt-sass');

grunt.registerTask('default', ['sass']);
;

我已经验证我安装了 sass

当我运行grunt sass 时,它表示一切正常。但是我还没有看到一个编译好的css文件。我让它工作的唯一方法是使用"destination" : "source" 语法。

编辑:我遇到的确切问题不是文件在错误的位置生成,而是它们没有生成。另外,grunt 没有显示任何错误

有人知道这有什么问题吗?

【问题讨论】:

【参考方案1】:

此配置适用于我:

files: [
    expand: true,
    cwd: 'assets/sass',
    src: ['**/*.scss'],
    dest: 'assets/css',
    ext: '.css'
]

也许../ 把它扔掉了;我不相信目标路径是相对于源路径的,它是相对于 Gruntfile 的。

【讨论】:

不确定我的系统是否无法正常工作,或者文件是否没有生成,我认为它们应该是什么时候,给它的效果是不工作或什么,但你的代码做到了工作。谢谢 “cwd”代表什么?当前工作目录?将 cwd 更改为您的建议解决了我的问题。 这可能是一个错误,我也是这样做的。将我的files: 更改为@Ben 建议的内容,然后将所有内容恢复为我之前的内容。一切正常的文件。 在我的情况下,由于某种原因,它是尾随的/。把它从末端取下使它起作用。看起来有点奇怪。

以上是关于带有咕噜声的sass不起作用的主要内容,如果未能解决你的问题,请参考以下文章

Sass 插值不起作用

为啥添加自定义 SASS 变量在 Ionic 中不起作用?

Sass 加载器在 webpack 中不起作用

带有引导程序 3.3.4 的字形图标在 rails 4.2.1 中不起作用

元素选择器中的 SASS 嵌套类选择器不起作用 [重复]

Bootstrap-sass 在 Rails 应用程序中不起作用