grunt-usemin不替换图像路径

Question

我不知道是否有人问这个答案，但我没有找到相关的帖子。 我用grunt构建我的静态页面，然后生成我的＆＃34; index.html＆＃34;在＆＃34; /dist/index.html"我使用usemin（和useminPrepare）运行此文件来合并和缩小我的css和js文件，这些文件正常工作。

但我在index.html中相关的图片并未被替换（并从源代码中复制）......

例如，我想要以下代码

<img src="/src/assets/images/my-image.png" width="50" height="50" alt="My alt title" />

使用

将

替换为/dist/index.html

<img src="/images/my-image.png" width="50" height="50" alt="My alt title" />

并且图像也会从/src/assets/images/my-image.png复制到/dist/images/my-image.png。

我如何实现这一目标？

提前致谢。

Answer 1

使用节点包解决问题＆＃34; grunt-string-replace＆＃34; （见https://www.npmjs.org/package/grunt-string-replace）。