angularjs – Grunt usemin无法将rev’d图像路径插入jade partials

我正在使用股票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目标更改为递归globbing,因为我的大多数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 partial中的图像路径示例:

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

如果有任何其他信息有用,请告诉我.

解决方法

我有非常类似的问题 – 无法在css中更新rev’d图像的引用.当usemin有dirs时总是习惯工作:对于选项而不是assetsDirs: – 所以猜测可能是一些没有记录的变化.
我不知道这是否适合你 – 但它确实对我有用 – 在usemin中我改变了选项

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

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

或者在你的情况下,更多的目标可能是(猜测!)

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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...