使用grunt webfonts

Question

我很擅长咕噜咕噜，试图让它创建webfonts。

我有一个package.js文件

    {
        "name" : "SampleGrunt",
        "version" : "0.1.0",
        "author" : "Jeff",
        "private" : true,

        "devDependencies" : {
            "grunt" :                       "~0.4.0",
            "grunt-contrib-cssmin":         "*",
            "grunt-contrib-sass":           "*",
            "grunt-contrib-uglify":         "*",
            "grunt-contrib-watch":          "*",
            "grunt-cssc":                   "*",
            "grunt-htmlhint":               "*",
            "grunt-webfont":                "*",
            "matchdep":                     "*"
        }
    }

以及以下gruntfile.js

    module.exports = function(grunt){

       "use strict";
       require("matchdep").filterDev("grunt-*").forEach(grunt.loadNpmTasks);

        grunt.initConfig({

            pkg: grunt.file.readJSON('package.json'),

            watch: {
                js: {
                    files: ['js/base.js'],
                    tasks: ['uglify']
                }

                            font:{
                                files: ['icons/*.svg'],
                                tasks: ['webfonts']
                            }

            },

            uglify: {
                build: {
                    files: {
                        'js/base.min.js': 'js/base.js'
                    }
                }
            },

                    webfont:{
                        icons:{
                            src: 'icons/*.svg',
                            dest: 'fonts'
                        }
                    }

        });

        grunt.registerTask('default', 'watch');
    };

我在终端上运行npm install来下载包含。

我在一个图标文件夹中有一个svg文件，我想在fonts文件夹中创建一个字体。

如果没有webfont，uglify会起作用，我会得到缩小的js文件。

我希望在同一款手表中加入网络字体。

Answer 1

我看到有两个问题。首先是你在观看'font'之前错过了一个逗号。其次，在更改svg时运行的任务名称是webfonts（带有's'），但你的任务只是webfont（单数）。