angularjs - Grunt usemin 无法将 rev'd 图像路径插入 jade 部分

Question

我正在使用库存 yeoman Angular-fullstack 生成器 - 执行 gruntserve:dist 时会出现此问题。图像已成功rev'd，但更新的图像路径未添加到任何jade View 中。

usemin block :

usemin: {
  html: ['<%= yeoman.dist %>/views/**/*.html',
         '<%= yeoman.dist %>/views/**/*.jade'],
  css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
  options: {
    assetsDirs: ['<%= yeoman.dist %>/public']
  }
},

我已将 html 目标更改为递归通配符，因为我的大部分 jade 文件都位于“partials”目录中。然而，一个新的 Angular-fullstack 项目在partials目录中也有jade文件，并且图像替换按预期工作。

文件夹结构 - 源文件:

/app/views/*
/app/images/*
/app/scripts/*
/app/styles/

文件夹结构 - dist 文件:

/dist/views/*
/dist/public/images/*
/dist/public/scripts/
/dist/public/styles/

Revving 适用于 CSS 和 JS 文件，但不适用于图像。

jade 部分中的图像路径示例:

img(src='/images/old_landing/record-landing.png')

如果有其他信息有帮助，请告诉我。

Answer 1

我遇到了非常相似的问题 - 对 rev'd 图像的引用无法在 css 中更新。当 usemin 有 dirs: 选项而不是 assetDirs: 时总是用来工作 - 所以猜测可能有一些未记录的更改。我不知道这是否对你有用 - 但它对我有用 - 在我更改的 usemin 选项中

assetsDirs: ['<%= yeoman.dist %>']

至

assetsDirs: ['<%= yeoman.dist %>/**/']

或者也许在你的情况下，更有针对性的可能是(猜测!)

assetsDirs: ['<%= yeoman.dist %>/public/**/']