8

bootstrapインストールとfont-awesomeパッケージ化にbowerを使用Gruntし、ビルドソリューションとして使用しています。wiredepindex.html ファイルを適切に更新するように構成しました。すべてがうまく機能します。私が抱えている唯一の問題は、フォントファイルをdist/ディレクトリにコピーすることです。

gruntcopy:distターゲットを構成できることはわかっていますが、パッケージごとに異なるディレクトリ構造を使用してフォントを保存する可能性があるため、フォントをコピーするための単一のルールを設定するのは困難です。さらに、これらのパッケージのbower.jsonファイルにフォントがリストされている場合、これらのフォントを検出して自動的にコピーする方法はありませんか?

wiredepcss/js ファイルを認識するのと同じ方法でフォント ファイルを認識する、使用できる別の Grunt プラグインはありますか?

同じ問題に関連するSOに関する他の投稿を見てきましたが、問題に対する公式の解決策はありません。

4

1 に答える 1

1

この質問は少し古いと思いますが、grunt-bowercopy ( https://www.npmjs.com/package/grunt-bowercopy ) というプラグインを使用して、bower パッケージからのコピーのほとんどを行います。ただし、手動での構成が少し必要になる場合があるため、要件を満たしていない可能性があります。

bowercopy の設定は次のようになります。

bowercopy: {
    // Global bowercopy options
    options: {
        runBower: true
    },
    // Move fonts from bower packages into font folder
    fonts: {
        options: { destPrefix: '/dist/fonts' },
        files: {
            '': 'fontawesome/fonts/*'
        }
    }
}

glob-pattern を微調整して、単純に bower_components ディレクトリ内のすべてのフォント ファイルを移動先のフォルダに移動することができます。フォントを含むすべての bower パッケージに手動でパスを追加したくない場合、これはまともなオプションです。でも「手作業」は好きです。

于 2015-10-01T00:42:23.470 に答える