咕噜声：cssmin 不工作答案

【问题标题】：Grunt: cssmin not working咕噜声：cssmin 不工作
【发布时间】：2016-06-14 16:32:59
【问题描述】：

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

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

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

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

【问题讨论】：

听起来像是你的css中的语法错误，尝试将它们粘贴到这里，看看它们是否通过css-validator.org/#validate_by_input
有两个文件，一个是bootstrap.css，一个是我自己的style.css。请检查我自己的style.css的链接link
看起来不错，您能否发布完整的 Gruntfile.js 和打印的完整错误，我开始认为您的配置中某处有一个杂散的逗号。

标签： gruntjs grunt-contrib-cssmin

【解决方案1】：

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

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

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

【讨论】：

【解决方案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 文件

【讨论】：