使用Grunt观看SASS更改的整个文件夹

Question

我正在尝试观看整个文件夹以进行更改..

目录如下：

广告/ LP /文件夹/ style.scss

广告/ LP / folder1中/ style.scss

这是我的咕噜文件

@someone

Grunt能够看到sass的变化，但是将编译好的CSS写出来：

广告/ LP / ** / style.css中

CSS应保存在与源SCSS文件相同的文件夹中...

Answer 1

你的问题对我来说不是那么清楚 - 如果您希望使用grunt将多个文件编译为一个文件，则可以将文件设置为数组格式

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

Answer 2

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

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

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