css - Grunt CSS 导入和路径

Question

我在 Grunt 中有以下设置，用于连接和缩小我的元素 css

cssmin: {
        options: {

        },
        concat: {
            files: {
                'dist/app.css': [
                    'tmp/*.css',
                    'app/theme/css/vendors/fontello.css',
                    'app/theme/js/vendors/revolution/css/settings.css',
                    'app/theme/css/styles.css',
                    'app/theme/css/media-queries.css',
                    'app/app.css'
                ]
            }
        },
        min: {
            files: [{
                src: 'dist/app.css',
                dest: 'dist/app.css'
            }]
        }
    },

它工作正常，但据我所知，它删除了以下导入语句

@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic");

并且所有第 3 方 css 文件都具有未解析的相对图像路径。我可以看到 cssmin 使用 clean css这应该能够帮助处理这些问题，但经过数小时的搜索和阅读文档后，我无法找到任何关于如何配置上述内容来解决此问题的明确示例或文档？

Answer 1

我使用了 Ze Rubeus 的建议，将我的字体导入语句移到 HTML 中(有点烦人，因为这意味着修改第 3 方 css 文件)。但是我找到了修复 css 路径的选项，它是

rebase: true,
relativeTo: './'

我的 cssmin 配置现在看起来像

cssmin: {
        options: {
            rebase: true,
            relativeTo: './'
        },
        concat: {
            files: {
                'dist/app.css': [
                    'tmp/*.css',
                    'app/theme/css/vendors/fontello.css',
                    'app/theme/js/vendors/revolution/css/settings.css',
                    'app/theme/css/styles.css',
                    'app/theme/css/media-queries.css',
                    'app/app.css'
                ]
            }
        },
        min: {
            files: [{
                src: 'dist/app.css',
                dest: 'dist/app.css'
            }]
        }
    }

一切正常:)