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

发布时间：2020-12-17 17:40:33 所属栏目：安全来源：网络整理

导读：我正在使用股票yeoman angular-fullstack生成器 – 执行grunt serve：dist时会出现此问题.图像已成功转动,但更新的图像路径未添加到任何玉视图中. usemin块： usemin: { html: ['%= yeoman.dist %/views/**/*.html','%= yeoman.dist %/views/**/*.jade'],css

我正在使用股票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 / ** /’]

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!