Question

快速提问，试图让postcss工作并继续

"SyntaxError: /Users/todd.kidder/Documents/sitecore-site/Gruntfile.js:40
>>         });"

我去运行默认任务时出现

错误。

我确信这个错误是显而易见的，但是在这个问题上我是个新人。

感谢我能得到的任何帮助。

module.exports = function(grunt) {

    // 1. All configuration goes here 
    grunt.initConfig({
            pkg: grunt.file.readJSON('package.json'),
            uncss: {
                dist: {
                    files: {
                        'cleaned-css/tidy.css': ['index.html']
                    }
                }
            },
            cssnano: {
                options: {
                    sourcemap: true
                },
                dist: {
                    files: {
                        'cleaned-css/tidy.css': 'cleaned-css/tidy.css'
                    }
                }
            },
            postcss: {
                options: {
                    map: true,
                    processors: [
                        require('autoprefixer-core')({
                            browsers: 'last 2 version'
                        }).postcss,
                    ]
                },
                dist: {
                    expand: true,
                    flatten: true,
                    src: 'cleaned-css/tidy.css'
                }
            }
        }

    });


// 3. Where we tell Grunt we plan to use this plug-in.
grunt.loadNpmTasks('grunt-uncss');
grunt.loadNpmTasks('grunt-cssnano');
grunt.loadNpmTasks('grunt-postcss');
grunt.loadNpmTasks('autoprefixer');


// 4. Where we tell Grunt what to do when we type "grunt" into the terminal.
grunt.registerTask('default', ['uncss', 'postcss']);
grunt.registerTask('build', ['uncss', 'postcss', 'cssnano']);

};

Answer 1

我认为问题是一个简单的错字问题。

请尝试这个：


    
    module.exports = function(grunt) {

        // 1. All configuration goes here 
        grunt.initConfig({
            pkg: grunt.file.readJSON('package.json'),
            uncss: {
                dist: {
                    files: {
                        'cleaned-css/tidy.css': ['index.html']
                    }
                }
            },
            cssnano: {
                options: {
                    sourcemap: true
                },
                dist: {
                    files: {
                        'cleaned-css/tidy.css': 'cleaned-css/tidy.css'
                    }
                }
            },
            postcss: {
                options: {
                    map: true,
                    processors: [
                        require('autoprefixer-core')({
                            browsers: 'last 2 version'
                        }).postcss,
                    ]
                },
                dist: {
                    expand: true,
                    flatten: true,
                    src: 'cleaned-css/tidy.css'
                }
            }
        })
    };


    // 3. Where we tell Grunt we plan to use this plug-in.
    grunt.loadNpmTasks('grunt-uncss');
    grunt.loadNpmTasks('grunt-cssnano');
    grunt.loadNpmTasks('grunt-postcss');
    grunt.loadNpmTasks('autoprefixer');


    // 4. Where we tell Grunt what to do when we type "grunt" into the terminal.
    grunt.registerTask('default', ['uncss', 'postcss']);
    grunt.registerTask('build', ['uncss', 'postcss', 'cssnano']);

希望有所帮助。

最好的问候，micha

gruntfile中Postcss配置的问题

1 个答案: