微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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 / ** /’]

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐