如何运行两个独立的g运行t-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 任务运行ning？

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'
        ]
    },
},

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

How to run two independent grunt-sass tasks

gruntjs