Создание svg спрайтов с использованием модуля grunt

Question

Я новичок в хрюке и узле js. Я сталкиваюсь с проблемами при создании svg-спрайтов с использованием модуля grunt-svg-sprite. Я использовал grunt-svg-sprite модуль для создания svg спрайта. Я установил модуль grunt-svg-sprite, используя следующую команду.

npm install grunt-svg-sprite --save-dev 

Я включил плагин в свой файл grunt.js, используя приведенную ниже строку.

grunt.loadNpmTasks('grunt-svg-sprite'); 

И моя конфигурация плагин следующим образом

svg_sprite     : { 
    basic     : { 

     // Target basics 
     expand    : true, 
     cwd     : 'images/svg-logo/', 
     src     : 'images/svg-logo/*.svg', 
     dest    : 'out/', 

     // Target options 
     options    : { 
      mode   : { 
       css   : {  // Activate the «css» mode 
        render : { 
         css : true // Activate CSS output (with default options) 
        } 
       } 
      } 
     } 
    } 
}, 

Моя структура папок приведена ниже

Project_folder 
    ├───css 
    ├───Images 
    │ └───svg-logo 
    ├───GruntFile.js 
    ├───html 
    ├───node_modules 
    ├───include 
    ├───package.json 

Когда я запустить следующую команду, я получаю сообщение об успехе, но есть папка не создана.

Answer 1

Все в порядке. src должен указывать только файл там. Попробуйте с этим.

svg_sprite : { 
     basic : { 

      expand : true, 
      cwd : 'images/svg-logo', 
      src : ['**/*.svg'], 
      dest : 'out', 

      options : { 
       mode : { 
        css : { 
         render : { 
          css : true 
         }, 
        }, 
       }, 
      }, 
     }, 
    },