意外的令牌:选项:{当使用Grunt时

时间:2015-06-16 16:08:53

标签: gruntjs

我希望使用grunticon来生成我的SVG,我在这里设置了以下设置: 的package.json

{
 "name": "svg-to-png",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
 "test": "echo \"Error: no test specified\" && exit 1"
},
 "keywords": [],
 "author": "",
 "license": "ISC",
 "devDependencies": {
 "grunt": "^0.4.5",
 "grunt-grunticon": "^2.2.0",
 "grunt-svgmin": "^2.0.1"
 }
}

Gruntfile.js

module.exports = function(grunt) {
grunticon: {
        siteIcons: {
                files: [{
                        expand: true,
                        cwd: '../../public/images/icons',
                        src: ['*.svg', '*.png'],
                        dest: 'dest'
                }],
                options: {
                        colors: {
                                white: '#ffffff',
                                green: '#60d134',
                        }
                }
        }
},
grunt.registerTask('default', ['grunticon:siteIcons']);
};

当我在终端中运行grunt时,我收到以下错误

Loading "Gruntfile.js" tasks...ERROR
>> SyntaxError:    /Users/damien/codeclub/design/config/grunt/Gruntfile.js:10
>>                  options: {
>>                         ^
>> Unexpected token :
Warning: Task "default" not found. Used --force, continuing.

Done, but with warnings.

任何人都可以帮我解释为什么会这样吗?

1 个答案:

答案 0 :(得分:2)

您的任务设置(但不是任务注册)应该在grunt.initConfig()的调用内完成 - 请注意第二行和最后一行但是下面的2。 此外,您需要加载grunticon(参见最后一行):

module.exports = function(grunt) {
    grunt.initConfig({
        grunticon: {
            siteIcons: {
                files: [{
                    expand: true,
                    cwd: '../../public/images/icons',
                    src: ['*.svg', '*.png'],
                    dest: 'dest'
                }],
                options: {
                    colors: {
                        white: '#ffffff',
                        green: '#60d134',
                    }
                }
            }
        }
    });
    grunt.loadNpmTasks('grunt-grunticon');
    grunt.registerTask('default', ['grunticon:siteIcons']);
};