2013-01-08 22 views
15

我正在使用yeoman + angular並嘗試'yeoman build:minify'。這會失敗,因爲任務rev:img會重命名所有圖像。之後,動態來源(請參閱http://docs.angularjs.org/api/ng.directive:ngSrc)不再有效。yeoman build:minify重命名圖像 - > angularjs ng-src失敗

有人知道一個技巧來解決這個問題嗎?例如。是否有可能避免圖像重命名?

+0

我認爲這是在這裏與自耕農的問題:https://github.com/yeoman/yeoman/issues/822,並且它沒有解決。 – L42y

回答

16

這是目前的known issue,我們會盡快解決。

與此同時,您可以嘗試使用this thread中的建議解決方法之一。

只是這種替換rev配置:

rev: { 
    img: ['images/**','!images/ignore/**'] 
} 

,把你的所有動態圖像images/ignore/

+0

謝謝!順便說一句:對(s)css文件中使用的圖像也需要做同樣的事情。 –

8

在最近版本的Yeoman及其Gruntfile.js你可以添加圖片的文件夾,其filerev任務。所以,你的任務filerev看起來是這樣的:

// Renames files for browser caching purposes 
filerev: { 
    dist: { 
    src: [ 
     '<%= yeoman.dist %>/scripts/{,*/}*.js', 
     '<%= yeoman.dist %>/styles/{,*/}*.css', 
     '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}', 
     /* Here you'll see some ignoring: */ 
     '!<%= yeoman.dist %>/images/some_image.png', 
     '!<%= yeoman.dist %>/images/ignore', 
     '<%= yeoman.dist %>/styles/fonts/*' 
    ] 
    } 
},