如何运行两个独立的 grunt-sass 任务

Question

我有两个文件，我想用 sass 独立观看和编译：

• 任务sass:A 应该仅在A 中的文件发生更改时运行
• 仅当B 中的文件发生更改时才执行sass:B 任务。

这两项任务都很昂贵。如果没有必要，我不想让他们执行。

我希望是这样的：

sass: {
    A: {
        dist: {
            files: {
                'A/main.css': 'A/main.scss'
            }
        }
    },
    B: {
        dist: {
            files: {
                'B/main.css': 'B/main.scss'
            }
        }
    }
},
watch: {
    sass_A: {
        files: 'A/**/*.scss',
        tasks: ['sass:A']
    },
    sass_B: {
        files: 'B/**/*.scss',
        tasks: ['sass:B']
    }
}

但我一定遗漏了一些东西，因为我的 .css 文件没有按预期更改。

有没有办法让两个独立的grunt-sass 任务运行？

Answer 1

通过以下设置，您应该可以工作了。

您需要更改相对路径以定位A 文件夹中的文件和B 文件夹中的文件。

但请注意，路径是相对于gruntfile.js

sass: {
    admin: {
        src: ['../scss/admin/style.scss'],
        dest: '../css/admin.min.css'
    },
    front: {
        src: ['../scss/front/style.scss'],
        dest: '../css/front.min.css'
    }
},
watch: {
    admin_scss: {
        files: [
            '../scss/admin/**/*.scss'
        ],
        tasks: [
            'sass:admin',
        ]
    },
    front_scss: {
        files: [
            '../scss/front/**/*.scss'
        ],
        tasks: [
            'sass:front'
        ]
    },
},