Question

我开始和Yeoman合作。我已经在使用GruntIcon了。我试图结合工作流程，但只能想到一个非常复杂的解决方案。

问题在于：我已经设置了Grunticon，以便它只将构建任务中的svg文件转换为dist文件夹。但是，我还想在＆＃39;应用程序中使用我的svg文件。或者＆＃39; dev＆＃39;环境。

我只能想到一种方式： - 为Grunticon制作一个单独的工作流程，并手动将其放在我的app文件夹中，然后将其复制到我的构建任务中。

任何人都有一个光滑的grunticon工作流程？

Answer 1

＆＃34; yo-webapp + grunticon＆＃34; 的工作流程如下所示：

grunt serve

<强> Gruntfile.js

svgmin: {
  dist: {
    ...
  },
  server: {
    files: [{
      expand: true,
      cwd: '<%= config.app %>/images/svgs',
      src: '{,*/}*.svg',
      dest: '<%= config.app %>/images/svg-src'
    }]
  }
},

grunticon: {
  dist: {
    ...  
  },
  server: {
      files: [{
          expand: true,
          cwd: '<%= config.app %>/images/svg-src',
          src: '{,*/}*.svg',
          dest: '<%= config.app %>/images/svg-dist'
       }],

  }
},

在grunt.registerTask('serve',....中

您必须添加grunticon:server：

grunt.task.run([
'clean:server',
'wiredep',
'concurrent:server',
'autoprefixer',
'grunticon:server',
'connect:livereload',
'watch'
]);

可选你可以添加＆＃34; grunticon＆＃34;到＆＃34;观看＆＃34;像这样的任务：

  grunticon: {
    files: ['<%= config.app %>/images/svgs/*.svg'],
    tasks: ['svgmin:server', 'grunticon:server']
  },

Yeoman / Grunt和Grunticon工作流程

1 个答案: