gruntjs - 如何为开发和发布构建 Grunt 任务

Question

我似乎真的不知道如何为某个任务构建配置。目前我正在尝试为cssmin.

此配置片段工作正常：

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

我正在这样运行：

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

但我想为此创建一个开发和发布配置。所以我尝试了以下配置样式，他们都说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']);

但是这些配置似乎不起作用。他们 save 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']);