Question

不确定我做错了什么。这是我的css在grunt之后的样子，但我的实际图像文件名是

backgorund与 - logo.d623d8e2.jpg

.containor{
    min-height: 100%; 
    background: url('/images/backgorund-with-logo.d623d8e2.jpg') center 30% no-repeat;
    background-size: 100%;
}

Gruntfile

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

            }
        },
imagemin: {
            dist: {
                files: [{
                    expand: true,
                    cwd: '<%= yeoman.app %>/images',
                    src: '{,*/}*.{png,jpg,jpeg,gif}',
                    dest: '<%= yeoman.dist %>/images'
                }]
            }
        },
filerev: {
            dist: {
                src: [
                    '<%= yeoman.dist %>/scripts/{,*/}*.js',
                    '<%= yeoman.dist %>/styles/{,*/}*.css',
                    '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
                    '<%= yeoman.dist %>/styles/fonts/*'
                ]
            }
        },

但是当我尝试在我的Android设备上运行并通过chrome进行检查时无法加载资源文件：///images/backgorund-with-logo.d623d8e2.jpg

请帮忙

Answer 1

这不是最佳方法，但我通过删除＆＃39;＆lt;％= yeoman.dist％＆gt; / images / {， /} 来阻止缩小图像。{png，jpg，来自filerev的jpeg，gif，webp，svg}＆＃39;如果有更好的方法，请告诉我们

Gruntjs angularjs cordova图片没有加载

1 个答案: