如何让grunt用户更新JS来引用我们的图像
How to let grunt usemin update the JS to reference our revved images?
如何让grunt用户更新JS来引用我们的图像?在yeoman web应用生成器中,它只为CSS和html重写链接,而不为js重写链接。
如果我的JS文件有一些图像需要压缩,但无法链接:(
这是我当前的grunt.js部分
useminPrepare: {
options: {
dest: '<%= config.dist %>'
},
html: ['<%= config.app %>/*.php', '<%= config.app %>/*.html']
},
// Performs rewrites based on rev and the useminPrepare configuration
usemin: {
options: {
assetsDirs: ['<%= config.dist %>', '<%= config.dist %>/images']
},
html: ['<%= config.dist %>/{,*/}*.php','<%= config.dist %>/{,*/}*.html'],
css: ['<%= config.dist %>/styles/{,*/}*.css']
},
// The following *-min tasks produce minified files in the dist folder
imagemin: {
dist: {
files: [{
expand: true,
cwd: '<%= config.app %>/images',
src: '{,*/}*.{gif,jpeg,jpg,png}',
dest: '<%= config.dist %>/images'
}]
}
},...
我曾经在usemin:css之后添加js: ['<%= config.dist %>/scripts/{,*/}*.js']
,但它给了我Warning: Unsupported pattern: js Use --force to continue.
我怎样才能写一个正确的格式,让grunt用户重写我的JS图像参考链接到正确的压缩图像?
我设法弄明白了这一点,答案来自这个线程https://github.com/yeoman/grunt-usemin/issues/235#issuecomment-33266949
我的userin配置是这样结束的:
usemin: {
options: {
assetsDirs: ['<%= config.dist %>', '<%= config.dist %>/images', '<%= config.dist %>/styles/fonts'],
patterns: {
js: [
[/(images'/.*?'.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
]
}
},
html: ['<%= config.dist %>/{,*/}*.html'],
css: ['<%= config.dist %>/styles/{,*/}*.css'],
js: ['<%= config.dist %>/scripts/{,*/}*.js']
},
相关文章:
- 引用对象中的通用值
- 如何在JavaScript中将字符串转换为函数引用
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 在动态创建的元素上获取对特定选择器的引用
- IIFE中的函数引用不可用
- 如何通过引用var Using DataTables来进行分页或排序
- 我们可以在JavaScript函数中通过引用传递变量吗
- 我们可以在浏览器会话中跨网页引用 JavaScript 变量吗?
- 我们是否可以安全地从套接字参数的回调中分配对象引用
- 当我们尝试使用直接引用调用文档对象方法时,例如:var kk = document.getElementById;kk(
- 在使用es2015时,我们应该如何获得对函数内部对象的引用
- 引用类内的变量..当“;这个"不起作用,因为我们处于函数中
- 我们可以使用ng-src来引用本地文件吗?
- 我们如何在不引用XHTML页面中的函数的情况下运行JavaScript的初始片段?
- 我们是否需要手动清理闭包中未引用的变量
- JavaScript中有字符串池的概念吗?我们能让值/键只引用一个String对象吗?
- 如何让grunt用户更新JS来引用我们的图像
- 我们如何使用node . js的填充方法引用mongodb
- 在AngularFire中,我们如何像在普通javascript中一样获得存储引用
- 我们可以在Maven依赖项的jar文件中引用JavaScript吗?