如果使用 grunt-contrib-imagemin 优化图像，如何处理车把模板中的图像答案

【问题标题】：How to address images in handlebars templates if the images are optimized with grunt-contrib-imagemin如果使用 grunt-contrib-imagemin 优化图像，如何处理车把模板中的图像
【发布时间】：2013-05-09 07:53:38
【问题描述】：

我用 yeoman 和 generator-ember 创建了一个 ember 应用。

yo ember

我已将我的车把模板放在 app/templates 中，并将图像放在 app/images 中。如果我跑

grunt server

一切看起来都很好。如果我跑

grunt server:dist

一切看起来都很好，而不是我在车把模板中处理的图像。似乎任务 imagemin 或其他东西将图像从 images/map.jpg 重命名为 images/667de70e.map.jpg。我的 index.html 文件中的 img 标签已更正。但是像 templates/map.hbs 这样的车把文件中的 img 标签仍在处理旧路径 images/map.jpg。

如何解决我的车把文件中的路径问题？有帮手吗？

【问题讨论】：

我也有同样的问题，有人解决了吗？
请发布您的 gruntfile
Image address in ember templates grunt build 的可能重复项

标签： javascript ember.js handlebars.js yeoman gruntjs

【解决方案1】：

这是由于Gruntfile.js 中定义的rev 任务造成的。不要认为目前有一个简单的解决方案，所以我只是注释掉重命名图像的行：

// Gruntfile.js
// ...
rev: {
    dist: {
        files: {
            src: [
                '<%= yeoman.dist %>/scripts/{,*/}*.js',
                '<%= yeoman.dist %>/styles/{,*/}*.css',
                // '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp}',
                '<%= yeoman.dist %>/styles/fonts/*'
            ]
        }
    }
}

【讨论】：

有什么消息吗？

【解决方案2】：

我找到的最佳解释在这里：https://stackoverflow.com/a/20433339/314631

简而言之，grunt rev 任务对 css 背景图像按预期工作，但对 img src attr 无效。

【讨论】：