0

プロジェクトcssの連結と縮小のために、Gruntに次のセットアップがあります

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");

また、すべてのサードパーティの css ファイルには、解決されていない相対イメージ パスがあります。cssmin がこれらの問題を処理するのに役立つクリーンな cssを使用していることがわかりますが、ドキュメントを何時間も検索して読んだ後、これを解決するために上記を構成する方法に関する明確な例やドキュメントはありませんか?

4

2 に答える 2

1

代わりに、フォントのインポート ステートメントを HTML に移動するという Ze Rubeus の提案を使用しました (サード パーティの 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'
            }]
        }
    }

そして、すべてが機能しています:)

于 2015-03-19T13:21:19.473 に答える