观看整个文件夹以了解Grunt的SASS更改

Question

我正在尝试查看整个文件夹的sass更改。

目录如下：

creatives / lp / folder / style.scss

creatives / lp / folder1 / style.scss

这是我的咕unt声文件

sass: {
      dist: {
        files: {  
          'creatives/lp/**/test.css' : 'creatives/lp/**/test.scss'
        },
        options: {
          style: 'compressed',
        },
      }
    },

Grunt能够看到sass的更改，但是将编译后的CSS写入以下内容：

creatives / lp / ** / style.css

CSS应该与源SCSS文件保存在同一文件夹中...

Answer 1

您的问题对我来说不太清楚-如果您想通过多个文件将多个文件编译为一个文件，则可以将文件设置为数组格式

dist: {
  files: [{
    src: ['creatives/lp/folder/*.scss'],
    dest: 'creatives/lp/folder/style.css',
  }]
}

Answer 2

如果要在与scss文件相同的文件夹中创建css文件，则可以使用以下代码段。

 sass: {                             
        dist: {                          
            options: {                       
                style: 'compressed'
            },
            files: [{
                expand: true,
                cwd: 'creatives',
                src: ['**/*.scss'],
                dest:'creatives',
                ext:'.css'
            }]
        }
    }

我希望它能解决您的问题。