5

我正在使用股票 yeoman angular-fullstack 生成器 - 执行时会出现此问题grunt serve:dist。图像已成功修改，但更新的图像路径不会添加到任何玉视图。

usemin 块：

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

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

文件夹结构 - 源文件：

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

文件夹结构 - dist 文件：

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

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

翡翠部分中的图像路径示例：

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

让我知道是否有任何其他信息有帮助。

4

1 回答 1

6

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

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

至

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

或者在你的情况下，更有针对性的可能是（猜测！）

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

于 2014-02-21T21:51:02.103 回答