Yeoman/Grunt和Grunticon工作流程

Question

我已經開始與Yeoman合作。我已經在使用GruntIcon了。我試圖結合工作流程，但只能想到一個非常複雜的解決方案。

問題出在這裏： 我已經設置了Grunticon，以便它只將構建任務中的我的svg文件轉換爲dist文件夾。不過，我想在'app'或'dev'環境中使用我的svg文件。

我只能想到一種方法： - 爲Grunticon製作單獨的工作流程，並手動將其放入我的應用程序文件夾中，並將其複製到我的構建任務中。

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

Answer 1

我爲「溜溜的webapp + grunticon」 工作流程看起來是這樣的：

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' 
]); 

可選，您可以將「grunticon」添加到「watch」任務中，如下所示：

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