Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了gruntjs – usemin,并使用Grunt重新编写供应商CSS文件中的图像URL大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
grunt-usemin帮我改造

<link href="/dependencies/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="/dependencies/nanoscroller/bin/css/nanoscroller.css" rel="stylesheet" />
<link href="/dependencies/dropzone/downloads/css/dropzone.css" rel="stylesheet" />

一个完美结合和细化的js:

<link href="scripts/8e1991c7.libraries.js" rel="stylesheet" />

在concat,cssmin和uglify之后,我有一个几乎完美的文件夹结构,除了图像及其位置。

这是我的问题:

所有这些供应商的css文件包括图像位置。不好的是,他们都分享不同的地点。其中有些使用css文件夹内的图像,而其他的则使用img文件夹。

我如何配置咕噜usemin重写所有的图像urls?

解决方法

1)修改图像。将图像的路径添加到rev任务中。

rev: {
    dist: {
        files: {
            src: [
                '<%= yeoman.dist %>/static/scripts/{,*/}*.js','<%= yeoman.dist %>/static/styles/{,*/}*.css','<%= yeoman.dist %>/static/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',]
        }
    }
}

2)将包含图像位置的文件路径添加到usemin任务中。

usemin: {
    html: ['<%= yeoman.dist %>/{,*/}*.html'],css: ['<%= yeoman.dist %>/static/styles/{,*/}*.css'],options: {
        assetsDirs: ['<%= yeoman.dist %>','<%= yeoman.dist%>/static/images'],}
}

3)运行咕噜声。

大佬总结

以上是大佬教程为你收集整理的gruntjs – usemin,并使用Grunt重新编写供应商CSS文件中的图像URL全部内容,希望文章能够帮你解决gruntjs – usemin,并使用Grunt重新编写供应商CSS文件中的图像URL所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。