尝试将sass/scss文件编译为css文件(一对一)

尝试将sass/scss文件编译为css文件(一对一),css,sass,gruntjs,Css,Sass,Gruntjs,我们正在尝试将我们的sass文件编译成css文件,但是我们希望将每个单独的sass文件编译成一个单独的css文件(一对一) 例如,我们的产品视图.scss应该具有产品视图.css 但是,所有配置我们都尝试为“out/css”文件夹中名为styles.css的所有内容创建一个css文件 sass:{ 地区:{ 选项:{ 罗盘:没错, 样式:“扩展” }, 档案:[{ 是的, cwd:“/assets/sass”, src:['*.scss'], dest:“/assets/media/out/cs

我们正在尝试将我们的sass文件编译成css文件,但是我们希望将每个单独的sass文件编译成一个单独的css文件(一对一)

例如,我们的产品视图.scss应该具有产品视图.css

但是,所有配置我们都尝试为“out/css”文件夹中名为styles.css的所有内容创建一个css文件

sass:{
地区:{
选项:{
罗盘:没错,
样式:“扩展”
},
档案:[{
是的,
cwd:“/assets/sass”,
src:['*.scss'],
dest:“/assets/media/out/css”,
分机:'.css'
}]
},
},

我使用
grunt contrib compass
(compass)来编译我的SASS,它有一些很好的附加功能。例如,compass包含一个重置实用程序,您可以使用

@import 'compass/reset';
但不考虑这一点,compass也会单独输出每个文件(只要它不是以
开头,这些文件可以包含,但不会自行编译)。以下是我在GrunFile中使用的设置:

compass: {
    'default': {
        options: {
            sassDir: "css/sass/",
            cssDir: "css/",
            outputStyle: "compressed"
        }
    }
}

如果您使用
grunt contrib compass
编译器,您可以很容易地做到这一点,我的设置是:
默认设置:{options:{sassDir:“css/sass/”,cssDir:“css/”,outputStyle:“compressed”}
并将每个文件作为自己的文件输出(只要它不以
开头)。指南针很时髦,但更神奇:)谢谢。我试试看。你想把你的评论改成答案吗?已经做了。指南针很棒,看看吧——它就像扩展的魔法SASS。src和目标值设置在哪里?啊哈,sassDir=src,cssDir=targetJup,这是关键!)@奥利弗瓦特金斯:如果这个方法有效,你能把它标记为正确的吗?我下周还要再看一次
compass: {
    'default': {
        options: {
            sassDir: "css/sass/",
            cssDir: "css/",
            outputStyle: "compressed"
        }
    }
}