gruntjs - 咕噜声：cssmin 不工作

Question

我正在尝试使用 Grunt cssmin 插件来缩小 CSS。下面是我的代码：

// Minify CSS
cssmin: {
    build: {
        options: {
            banner: '/* Minified CSS */'
        },

        files: {
            'htt/css/style.min.css' : ['wp/css/**/*.css']
        }   
    }
},

当我运行“grunt cssmin”时，它给出了“意外标识符”的错误。

Answer 1

您在监视任务中的 js 对象之后缺少逗号，将来您可以编辑您的答案以提供更多信息，而不是将其作为答案发布:)

        // Watch Tasks
        watch: {
            js: {
                files: ['wp/js/*.js'],
                tasks: ['uglify:dev']
            }, <------- Missing comma

            css: {
                files: ['wp/css/*.css'],
                tasks: ['']
            }
        }
    });

Answer 2

@麦克风

`module.exports = 功能（咕噜声）{

// Configure Tasks
grunt.initConfig ({
    pkg: grunt.file.readJSON ('package.json'),

    // Uglify JS
    uglify: {
        build: {
            src: 'wp/js/*.js',
            dest: 'htt/js/script.min.js'
        },

        dev: {
            options: {
                beautify: true,
                mangel: false,
                compress: false,
                preserveComments: 'all'
            },
            src: 'wp/js/*.js',
            dest: 'htt/js/script.min.js'
        }
    },

    // Concatenating files
    concat: {
        build: {
            src: ['wp/css/*.css'],
            dest: 'htt/css/style.css'
        }
    },

    // Minify CSS
    cssmin: {
        build: {
            //options: {
            //  banner: '/* Minified CSS */'
            //},

            files: {
                'htt/css/style.min.css' : ['wp/css/**/*.css']
            }   
        }
    },

    // Watch Tasks
    watch: {
        js: {
            files: ['wp/js/*.js'],
            tasks: ['uglify:dev']
        }

        css: {
            files: ['wp/css/*.css'],
            tasks: ['']
        }
    }
});

// Load the Plugins
grunt.loadNpmTasks ('grunt-contrib-uglify');
grunt.loadNpmTasks ('grunt-contrib-watch');
grunt.loadNpmTasks ('grunt-contrib-concat');
grunt.loadNpmTasks ('grunt-contrib-cssmin');

// Register Tasks
grunt.registerTask ('default', ['uglify:dev']);
grunt.registerTask ('build', ['uglify:build', 'cssmin']);

};`

以上是整个 gruntfile.js 文件