Question

我们正在尝试将我们的sass文件编译为css文件，但是我们希望将每个单独的sass文件编译成单独的css文件（一对一）。

例如， product_view.scss 应该有 product_view.css 。

但是，我们尝试过的所有配置都会在我们的＆＃34; out / css＆＃34;中为所有名为 styles.css 的内容创建一个css文件。文件夹中。

sass: {
    dist: {
        options: {
            compass: true,
            style: 'expanded'
        },
        files: [{
            expand: true,
            cwd: '<%= pkg.src %>/assets/sass',
            src: ['*.scss'],
            dest: '<%= pkg.src %>/assets/media/out/css',
            ext: '.css'
        }]
    },

},

Answer 1

我使用grunt-contrib-compass（指南针）来编译我的SASS，它有一些很好的附加功能。例如，罗盘包含一个可以使用

使用的重置实用程序

@import 'compass/reset';

但是无视这一点，罗盘也会单独输出每个文件（只要它不以_开头，这些文件可以包含但不会自己编译）。这是我在gruntfile中使用的设置：

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

尝试将sass / scss文件编译成css文件（一对一）

1 个答案: