如何构建肮脏的任务以进行开发和发布

Question

我似乎真的不知道如何为某个任务构建配置。目前，我正在尝试为cssmin做到这一点。

此配置片段正常工作：

cssmin: {
    options: {
        shorthandCompacting: false,
        roundingPrecision: -1
    },
    target: {
        files: {
            'wwwroot/all.css': ['bower_components/animate/animate.css']
        }
    }
},

我像这样运行：

grunt.registerTask('Test', ['cssmin']);

，但我想为此创建开发和 Release 配置。因此，我尝试了以下配置样式，所有这些样式都表示Done, without errors.，但没有一个配置创建一个文件。

cssmin: {
    options: {
        shorthandCompacting: false,
        roundingPrecision: -1
    },
    dev: {
        target: {
            files: {
                'wwwroot/all.css': ['bower_components/animate/animate.css']
            }
        }
    }
}
grunt.registerTask('Test', ['cssmin:dev']);

这样：

cssmin: {
    dev: {
        options: {
            shorthandCompacting: false,
            roundingPrecision: -1
        },
        target: {
            files: {
                'wwwroot/all.css': ['bower_components/animate/animate.css']
            }
        }
    }
}
grunt.registerTask('Test', ['cssmin:dev']);

但是这些配置似乎不起作用。他们保存了Done, without errors.，但它没有像第一个配置示例那样创建CSS文件。

那么，这不是您应该创建不同的dev/release的配置类型的方式吗？我在这里做错了什么？

Answer 1

呼叫cssmin:dev时，DEV是您的目标。无需再次指定其中的target礼节。尝试以下操作：

cssmin: {
    dev: {
        options: {
            shorthandCompacting: false,
            roundingPrecision: -1
        },
        files: {
            'wwwroot/all.css': ['bower_components/animate/animate.css']
        }
    },
    build : {
        options: {
            shorthandCompacting: true,
            roundingPrecision: -1
        },
        files: {
            'wwwroot/all.min.css': ['bower_components/animate/animate.css']
        }
    }
}
grunt.registerTask('Test', ['cssmin:dev']);