問題タブ [grunt-contrib-cssmin]

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

私が知る限り、次のインポートステートメントが削除されたことを除いて、正常に動作します

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

CSSのGruntファイルに次の設定があります

1つの小さな問題を除いて、うまく機能します。パスは「app/theme/...」または「app/images/...」で始まるようにリベースされていますが、すべてのファイルは本番環境にアップロードするために dist フォルダーに移動されます。代わりに、「/theme/...」や「/images/...」などのパスを生成したい

私は3つのファイルを持っています:

私はそれらを最小限に抑えたいと思っています。

ここに私のうなり声があります：

問題は、という名前のファイルが 1 つしかselectize.min.css ないことです。1 つのファイルだけを最小化したくありません。3つすべてを最小化するにはどうすればよいですか?

私のプロジェクトでは、さまざまなディレクトリに CSS ファイルと、twitter ブートストラップや font awesome などのベンダーの他のスタイルシートがあります。本番環境では、すべてのスタイルシートを縮小して 1 つに連結しようとしています。このために、私はgrunt-contrib-cssminGrunt で使用しています。動作しますが、font-awesome フォント ファイルへのリンクが壊れます。これは、元の CSS ファイルが特定のディレクトリ内のフォントを参照しているためです。たとえば、素晴らしいフォントでは次のようになります。

現在、grunt-contrib-cssmin を次のように構成しています。

当然、font-awesome コードは に常駐するweb/assets/css/app.cssため、そのフォントが にあることを期待しますweb/assets/fonts/。grunt を使用してすべてのフォントをこのディレクトリにコピーすることもできますが、その中に何らかのリソースが見つかると予想される場合は、fonts/somethingelse再び壊れます。

すべてのファイルを適切な場所に保管したり、正しいファイルを参照するように CSS コードを修正したりするにはどうすればよいですか?

特定のタスクの構成を構成する方法を本当に理解していないようです。現在、私はこれをやろうとしていますcssmin。

この構成スニペットは正常に機能します。

そして、私はこれを次のように実行しています:

しかし、このための開発およびリリース構成を作成したいと思います。そこで、次の構成スタイルを試してみましたが、すべてがDone, without errors..

そして、このように：

しかし、これらの構成は機能していないようです。保存Done, without errors.しますが、最初の構成例のように CSS ファイルを作成していません。

これは、別のdev/releaseタイプの構成を作成する方法ではありませんか? ここで何が間違っていますか？

css ファイルの縮小に grunt-contrib-cssmin を使用しています。css ファイルの相対 URL をターゲットの縮小ファイルで自動的に置き換えたい。この問題を探したところ、URL を置き換えるために使用できる 2 つのオプションが見つかりました。

ターゲット、ルート

私targetが使用することになっているものだと思います。次の Gruntfile.js で試しましたが、必要な縮小ファイルにはなりませんでした。

以下はGruntfile.jsです

次の app.css を変換します -:

次の app.min.css に

私が欲しいのは、縮小された URL が次のようなものであることです -:

ターゲット オプションは相対 URL を変更することになっていると思いますが、私の場合は何もしていません。私が間違っていることを教えてください。

ありがとう、

スクディープ

cssmin grunt プラグインgrunt-contrib-cssminは、CSS ソースマップ ソース URL の先頭のスラッシュを削除するため、CSS マッピングが正しくありません。一方、ソースマップ ファイルを手動で編集した後 (各ソース URL に先頭のスラッシュを追加)、すべてが正しくマップされているようです。元のソースマップ ファイルは、他の grunt プラグインによって正しく生成された元の css (縮小されていない) の注釈から取得されます。

私のファイル構造:

元の (縮小されていない) css のソースマップ – ソースの URL は正しいです。grunt-contrib-lessとgrunt-autoprefixer によってそれぞれ生成されます:

縮小された css のソースマップ – ソース ファイルの先頭のスラッシュが消えました。grunt-contrib-cssminによって生成されます:

私のgruntfile.jsの一部:

grunt-contrib-cssmin で奇妙な問題が発生しています。停止したり、エラーが発生したりすることはありません。私は使っている

C:\projects\doeclf>grunt --version && node --version && npm --version grunt-cli v0.1.13 grunt v0.4.5 v0.12.4 2.10.1

私のgrunt.jsには次のものが含まれています

私のプロジェクト構造は次のとおりです

grunt タスクを実行すると、これがスローされ、決して終了しません。

私のうなり声 cssmin --verbose からの出力は