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

前端之家收集整理的这篇文章主要介绍了angularjs – Grunt usemin无法将rev’d图像路径插入jade partials前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_6@ 我正在使用股票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 / ** /’]

猜你在找的Angularjs相关文章