我怎么能运行grunt svgstore?

时间:2017-09-14 09:03:36

标签: svg gruntjs

当我运行“grunt svgstore”时,我得到了这个:

  

找不到“svgstore”目标。警告:任务“svgstore”失败。使用--force继续。因警告而中止。

为什么?

这是我的gruntfile的一部分(我不能发布更多)。

      module.exports = function(grunt) {


  grunt.loadNpmTasks('grunt-svgstore');



  grunt.initConfig({

      svgstore: {
      options: {
        formatting : {
          indent_size : 2
        }
      },
        default: {
          files: {
          'images/svg/defs.svg': ['images/svg/*.svg'],
        },
      },
    },

    },





  });

// Default task(s)
  grunt.registerTask('default', ['sass_globbing', /*'sprite:icons_dev'*/, 'sass']);
  grunt.registerTask('icon_sprite', ['sprite:icons_dev']);




  //grunt.registerTask('stage_deploy', ['sass_globbing', 'sprite:flags_dev', 'sprite:icons_dev', 'sass']);
  //grunt.registerTask('prod_deploy', ['sass_globbing', 'sprite:flags_prod', 'sprite:icons_prod', 'tinypng', 'sass']);
};

1 个答案:

答案 0 :(得分:0)

我有类似的问题。不知道解决方案是什么,但在看了Gruntfile.js样本后我已经解决了。我可以在我和你的Gruntfile之间找到的唯一区别是我在initConfig之后调用loadNpmTasks。

看看这里:

module.exports = function(grunt) {

  grunt.initConfig({
    svgstore: {
      options: {
        prefix : 'pfx-', // This will prefix each ID
        svg: { // will add and overide the the default xmlns="http://www.w3.org/2000/svg" attribute to the resulting SVG
          viewBox : '0 0 100 100',
          xmlns: 'http://www.w3.org/2000/svg'
        },
        formatting : {
          indent_size : 2
        },
        symbol : {},
        includedemo: true,
        cleanup: true,
        cleanupdefs: true,
      },
      default : {
        files: {
          'export/pfx-icons.svg': ['svgs/*.svg'],
        },
      },
    },
  });

  grunt.loadNpmTasks('grunt-svgstore');

  grunt.registerTask('default', ['svgstore']);

};