使用 grunt webfonts答案

【问题标题】：Using grunt webfonts使用 grunt webfonts
【发布时间】：2014-05-11 05:56:11
【问题描述】：

我刚开始咕哝并试图让它创建网络字体。

我有一个 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 文件，我想在字体文件夹中创建一个字体。

没有网络字体，uglify 可以工作，我得到了缩小的 js 文件。

我希望在同一个手表中包含网络字体。

【问题讨论】：

标签： gruntjs webfonts

【解决方案1】：

我看到了 2 个问题。首先是你在手表内的“字体”之前缺少一个逗号。其次，更改 svg 时要运行的任务名称是 webfonts（带有“s”），但您的任务只是 webfont（单数）。

【讨论】：