使用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（單數）。