Yeoman/Grunt and Grunticon workflow

2014-09-22 2 views 1 likes

나는 Yeoman과 일하기 시작했습니다. 이미 GruntIcon을 사용하고있었습니다. 워크 플로를 결합하려고하지만 매우 복잡한 솔루션 만 생각할 수 있습니다.Yeoman/Grunt and Grunticon workflow

여기에 문제가 있습니다. 빌드 작업의 svg 파일 만 dist 폴더로 변환하도록 Grunticon을 설정했습니다. 그러나, 나는 또한 '응용 프로그램'또는 'dev'환경에서 내 svg 파일을 사용하고 싶습니다.

나는 한 가지 방법 만 생각할 수 있습니다 : - Grunticon을위한 별도의 워크 플로를 만들고 수동으로 그것을 내 응용 프로그램 폴더에 넣고 빌드 작업에 복사하십시오.

누구나 매끄러운 grunticon 워크 플로우가 있습니까?

출처

2014-09-22 Danuss

답변

"요 - 웹 애플리케이션 + grunticon"에 대한 내 워크 플로우은 다음과 같습니다 grunt.registerTask('serve',....에서

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' 
     }], 

    } 
},

당신은 추가해야 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'] 
    },

출처

2014-10-01 19:22:31 larz

Yeoman/Grunt and Grunticon workflow

답변

관련 문제