使用grunt网页字体

Question

我对grunt很陌生，并试图让它创建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在终端安装下载包括。

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

没有webfont的uglify的作品，我得到缩小的JS文件。

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

Answer 1

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